You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
yanzong_qianduan/pages/news/user/rechargeList.vue

82 lines
1.3 KiB

10 months ago
<template>
<view class="recharge">
<view class="recharge-bd">
<view class="item" v-for="i in 10" :key="i">
<view class="l">
<view class="a">提现</view>
<view class="b">2023-4-12 16:12:41</view>
</view>
<view class="r">
<view class="a">-12.00</view>
<view class="b">提现成功</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.recharge{
padding: 20rpx;
overflow: hidden;
&-bd{
padding: 0 30rpx;
background-color: #fff;
border-radius: 12rpx;
overflow: hidden;
.item{
padding: 20rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #F3F3F3;
&:first-child{
border-top-color: #fff;
}
.l{
flex: 1;
.a{
padding: 20rpx 0;
font-size: 28rpx;
font-weight: 400;
color: #595959;
}
.b{
font-size: 28rpx;
font-weight: 400;
color: #A3A3A3;
}
}
.r{
flex: 1;
text-align: right;
.a{
font-size: 40rpx;
font-weight: 500;
color: #414141;
}
.b{
font-size: 28rpx;
font-weight: 400;
color: #A3A3A3;
}
}
}
}
}
</style>