Browse Source

二期我的钱包页面

twodate
Enzo 4 years ago
parent
commit
e280c86a56
  1. 16
      pages.json
  2. 50
      pages/center/wallet.vue

16
pages.json

@ -4,16 +4,16 @@
}, },
"pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages "pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages
{ {
"path": "pages/bill/bill",
"path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "生成海报"
"navigationBarTitleText": "首页",
"enablePullDownRefresh": false
} }
}, },
{ {
"path": "pages/index/index",
"path": "pages/bill/bill",
"style": { "style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh": false
"navigationBarTitleText": "生成海报"
} }
}, },
{ {
@ -90,6 +90,12 @@
"navigationBarTitleText": "我的" "navigationBarTitleText": "我的"
} }
}, },
{
"path": "pages/center/wallet",
"style": {
"navigationBarTitleText": "我的钱包"
}
},
{ {
"path": "pages/goodsDetail/index", "path": "pages/goodsDetail/index",
"style": { "style": {

50
pages/center/wallet.vue

@ -0,0 +1,50 @@
<template>
<view>
<view class="wallet-top">
<view class="bg-white wallet-wraptop flex-direction flex justify-around align-center text-center">
<view class="text-black text-price1" style="font-size: 72rpx;">2000.48</view>
<view class="text-gray lf-font-24 lf-m-b-20">佣金</view>
<view>
<button class="btn" @click="toAddOrder">提取佣金</button>
</view>
</view>
</view>
<view class="bg-white lf-p-t-40 lf-p-b-40 flex justify-around align-center text-center solid-bottom">
<view class="lf-font-32 text-orange">佣金记录</view>
<view class="lf-font-32 text-black">提取记录</view>
</view>
<view class="flex justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom align-center text-center">
<view class="lf-font-36 lf-color-price">-¥10.00</view>
<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
</view>
</view>
</template>
<script>
</script>
<style scoped>
.wallet-top {
height: 404rpx;
width: 100%;
padding: 28rpx 32rpx;
background-color: #FE9903;
}
.wallet-wraptop {
width: 100%;
height: 100%;
border-radius: 10rpx;
padding: 46rpx 0 44rpx 0;
}
.btn{
margin: 0;
padding: 0;
width: 320rpx;
height: 84rpx;
background-color: #FE9903;
color: #FFFFFF;
line-height: 84rpx;
font-size: 32rpx;
border-radius: 42rpx;
}
</style>
Loading…
Cancel
Save