Leadfyy.co
/
uniapp-shikongwang
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

提取佣金 我的钱包页面

twodate
Enzo 5 years ago
parent
e280c86a56
commit
7e1d101f1b
3 changed files with 62 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      pages.json
  2. 36
      pages/center/wallet.vue
  3. 27
      pages/center/widthdraw.vue

6
pages.json
View File

@ -90,6 +90,12 @@
"navigationBarTitleText": "我的"
}
},
{
"path": "pages/center/widthdraw",
"style": {
"navigationBarTitleText": "提取佣金"
}
},
{
"path": "pages/center/wallet",
"style": {

36
pages/center/wallet.vue
View File

@ -5,22 +5,44 @@
<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>
<button class="btn" @click="$url('/pages/center/widthdraw')">提取佣金</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 class="lf-font-32" :class="tabIndex ==0?'text-orange':'text-black'" @click="tabIndex = 0">佣金记录</view>
<view class="lf-font-32" :class="tabIndex ==1?'text-orange':'text-black'" @click="tabIndex = 1">提取记录</view>
</view>
<block v-if="tabIndex == 0">
<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>
</block>
<block v-else>
<view class="flex flex-direction justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom">
<view class="flex align-center text-center justify-between">
<view class="lf-font-36 lf-color-price">-¥11.00</view>
<view class="lf-font-28 text-orange">申请中</view>
</view>
<view class="flex align-center text-center justify-between lf-m-t-10">
<view class="lf-font-24 lf-color-999">流水号 638763485895875</view>
<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
</view>
</view>
</block>
</view>
</template>
<script>
export default {
data() {
return {
tabIndex: 1
}
}
}
</script>
<style scoped>

27
pages/center/widthdraw.vue
View File

@ -0,0 +1,27 @@
<template>
<view class="wrap">
<view class="lf-p-30" style="height: 428rpx;">
<view class="bg-white lf-h-100" style="border-radius: 10rpx;">
<view class="text-black lf-font-28 lf-p-l-30 lf-p-t-30">提取金额</view>
<view class="lf-p-l-20 flex flex-direction" style="padding-top: 110rpx;">
<text class="text-black lf-font-48">￥</text>
<input type="number" class="solid-bottom lf-p-l-10" style="width: 100%;border-bottom: 1px solid #FFF5F5F5;padding-right: 30rpx;" />
</view>
<view class="lf-font-28 lf-color-999 lf-p-t-20 lf-p-l-30">
可用余额
</view>
</view>
</view>
</view>
</template>
<script>
</script>
<style scoped>
.wrap {
height: 100%;
width: 100%;
background-color: #F5F5F5;
}
</style>
Write Preview
Loading…
Cancel
Save