64 lines
1.3 KiB
Vue
64 lines
1.3 KiB
Vue
<template>
|
||
<view class="box">
|
||
<u-search placeholder="请输入关键字" v-model="keyword" :show-action="false"></u-search>
|
||
<view class="list-item" v-for="(item,index) in 5" :key="index">
|
||
<text class="item-phone">充值号码：13627451300</text>
|
||
<view class="item-text">
|
||
<text>充值档次：套餐1</text>
|
||
<text>日期：2023-05-12</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "member_application",
|
||
data() {
|
||
return {
|
||
keyword:'',
|
||
};
|
||
},
|
||
mounted() {
|
||
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.box {
|
||
padding: 20rpx;
|
||
::v-deep .u-search__content{
|
||
background: #fff !important;
|
||
height: 70rpx;
|
||
.uni-input-form{
|
||
background: #fff !important;
|
||
}
|
||
}
|
||
.list-item{
|
||
padding: 20rpx;
|
||
background: #fff;
|
||
border-radius: 20rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
margin: 20rpx;
|
||
.item-phone{
|
||
font-size: 36rpx;
|
||
font-weight: bolder;
|
||
}
|
||
.item-text{
|
||
margin-top: 20rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
}
|
||
}
|
||
</style>
|