刘嘉炜
7 days 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
-
5src/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