完善页面
This commit is contained in:
@ -124,7 +124,7 @@
|
||||
}
|
||||
|
||||
.my-bg {
|
||||
background-image: url(#{$cloudPath}img/my_bg.png);
|
||||
background-image: url(#{$cloudPath}img/my_bg1.png);
|
||||
height: 588rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -2,22 +2,55 @@
|
||||
<view class="wallet">
|
||||
<view class="bg"></view>
|
||||
<view class="block">
|
||||
<view class="bg-white balance u-m-l-16 u-m-r-16 br24">
|
||||
<view class="bg-white balance u-m-l-16 u-m-r-16 br24 column-center">
|
||||
<view>账户余额(元)</view>
|
||||
<view>¥ 0.00</view>
|
||||
<view class="u-m-t-14 bold-600 xxl">¥ 0.00</view>
|
||||
</view>
|
||||
|
||||
<view class="bg-white wallet-btn u-m-t-24 u-m-l-16 u-m-r-16 row-between br24">
|
||||
<view class="row">
|
||||
<u-image :src="cloudPath + 'img/icon_my_wallet.png'" width="56" height="56"></u-image>
|
||||
<text class="text-default u-m-l-18">充值</text>
|
||||
<view>
|
||||
<navigator hover-class="none" url="/pages/recharge/balance" class="row">
|
||||
<u-image :src="cloudPath + 'img/icon_my_wallet.png'" width="56" height="56"></u-image>
|
||||
<text class="u-m-l-18 nr">充值</text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view>
|
||||
<u-line color="#EEE" direction="col" length="60"/>
|
||||
</view>
|
||||
<view class="row">
|
||||
<u-image :src="cloudPath + 'img/icon_my_wallet_record.png'" width="56" height="56"></u-image>
|
||||
<text class="text-default u-m-l-18">充值记录</text>
|
||||
<view>
|
||||
<navigator hover-class="none" url="/pages/recharge/balance" class="row">
|
||||
<u-image :src="cloudPath + 'img/icon_my_wallet_record.png'" width="56" height="56"></u-image>
|
||||
<text class="u-m-l-18 nr">充值记录</text>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="list bg-white br16 u-p-32">
|
||||
<view class="lg">钱包明细</view>
|
||||
<view class="u-m-t-16">
|
||||
<view class="u-m-b-16">
|
||||
<view class="nr row-between">
|
||||
<view>消费</view>
|
||||
<view class="deduct">-2000</view>
|
||||
</view>
|
||||
<view class="date xs u-m-t-16">2022-12-24 16:32:44</view>
|
||||
</view>
|
||||
|
||||
<view class="u-m-b-16">
|
||||
<view class="nr row-between">
|
||||
<view>消费</view>
|
||||
<view class="deduct">-2000</view>
|
||||
</view>
|
||||
<view class="date xs u-m-t-16">2022-12-24 16:32:44</view>
|
||||
</view>
|
||||
|
||||
<view class="u-m-b-16">
|
||||
<view class="nr row-between">
|
||||
<view>消费</view>
|
||||
<view class="deduct">-2000</view>
|
||||
</view>
|
||||
<view class="date xs u-m-t-16">2022-12-24 16:32:44</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -47,11 +80,25 @@
|
||||
}
|
||||
|
||||
.balance {
|
||||
padding: 50rpx 280rpx;
|
||||
height: 209rpx;
|
||||
}
|
||||
|
||||
.wallet-btn {
|
||||
height: 150rpx;
|
||||
padding: 0 100rpx;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin: 22rpx 34rpx;
|
||||
height: 962rpx;
|
||||
box-shadow: 0rpx 6rpx 28rpx 4rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.deduct {
|
||||
color: rgba(0, 0, 0, 0.6)
|
||||
}
|
||||
|
||||
.date {
|
||||
color: rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user