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>
|