完善页面
This commit is contained in:
57
pages/my/wallet.vue
Normal file
57
pages/my/wallet.vue
Normal file
@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<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>账户余额(元)</view>
|
||||
<view>¥ 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>
|
||||
<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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.wallet {
|
||||
position: relative;
|
||||
}
|
||||
.bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #517AAD;
|
||||
height: 320rpx;
|
||||
}
|
||||
|
||||
.block {
|
||||
position: absolute;
|
||||
top: 24rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.balance {
|
||||
padding: 50rpx 280rpx;
|
||||
}
|
||||
|
||||
.wallet-btn {
|
||||
height: 150rpx;
|
||||
padding: 0 100rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user