刘嘉炜
1 week ago
7 changed files with 214 additions and 58 deletions
-
2src/pages.json
-
56src/subpackage/wallet/pages/douyin_withdraw/apply.vue
-
81src/subpackage/wallet/pages/douyin_withdraw/index.vue
-
117src/subpackage/wallet/pages/douyin_withdraw/modules/platform_item.vue
-
6src/subpackage/wallet/pages/douyin_withdraw/record.vue
-
3src/subpackage/wallet/pages/index/index.vue
-
5src/subpackage/wallet/pages/index/modules/wallet_info.vue
@ -0,0 +1,117 @@ |
|||||
|
<template> |
||||
|
<view class="baofu-item"> |
||||
|
<view class="bi-bar" :class="{ 'bb-dy': type === 'dy' }"> |
||||
|
<view class="bb-name-bar"> |
||||
|
<view class="bnb-left"> |
||||
|
<view class="bl-txt">{{ title }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="bi-info"> |
||||
|
<view class="bi-balance"> |
||||
|
<view class="bb-money"> |
||||
|
{{ balance || 0 }} |
||||
|
</view> |
||||
|
<view class="bb-btn" @click="$emit('click:extract')">提现</view> |
||||
|
</view> |
||||
|
<view class="bi-tip"> |
||||
|
<view class="bt-txt" @click="showModalTip">可提现资金(元)</view> |
||||
|
<image class="bt-icon" mode="aspect" src="/subpackage/wallet/static/images/question_mark.png" @click="showModalTip(0)"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
title: { |
||||
|
default: '' |
||||
|
}, |
||||
|
balance: { |
||||
|
default: '0' |
||||
|
}, |
||||
|
type: {// dy: 抖音, wx: 微信 |
||||
|
type: String, |
||||
|
default: 'dy', |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
showModalTip(){ |
||||
|
let { type } = this; |
||||
|
let _str = ''; |
||||
|
if(type === 'dy')_str = '抖音端与欧轩合作的平台小程序订单的结算金额'; |
||||
|
if(type === 'wx')_str = '微信端与欧轩合作的平台小程序订单的结算金额'; |
||||
|
uni.showModal({ |
||||
|
title: '提示', |
||||
|
content: _str, |
||||
|
showCancel: false |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.baofu-item{ |
||||
|
border-radius: 30upx; |
||||
|
overflow: hidden; |
||||
|
background: #fff; |
||||
|
.bi-tip{ |
||||
|
@include ctf; |
||||
|
.bt-txt{ |
||||
|
@include flcw(24upx, 34upx, #9C9C9F); |
||||
|
} |
||||
|
.bt-icon{ |
||||
|
margin-left: 6upx; |
||||
|
width: 28upx; |
||||
|
height: 28upx; |
||||
|
} |
||||
|
} |
||||
|
.bi-bar{ |
||||
|
padding: 26upx 32upx 18upx; |
||||
|
padding-left: 32upx; |
||||
|
padding-right: 32upx; |
||||
|
background: $mColor; |
||||
|
&.bb-dy{ |
||||
|
background: #585f69; |
||||
|
} |
||||
|
.bb-name-bar{ |
||||
|
@include ctf(space-between); |
||||
|
.bnb-left{ |
||||
|
flex-grow: 1; |
||||
|
@include ctf; |
||||
|
.bl-txt{ |
||||
|
@include flcw(28upx, 44upx, #fff, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.bi-info{ |
||||
|
padding: 40upx 32upx; |
||||
|
.bi-balance{ |
||||
|
@include ctf(space-between); |
||||
|
.bb-money{ |
||||
|
@include flcw(84upx, 96upx, #000000, 700); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.bb-btn{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 10upx; |
||||
|
width: 160upx; |
||||
|
text-align: center; |
||||
|
border-radius: 10upx; |
||||
|
background: #FF873D; |
||||
|
@include flcw(28upx, 72upx, #FFFFFF, 500); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.bi-status-mes{ |
||||
|
padding: 40upx 32upx; |
||||
|
@include flcw(24upx, 34upx, #000000); |
||||
|
} |
||||
|
} |
||||
|
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue