Browse Source

feat(用户页面): 添加微信提现领取按钮并调整金额显示布局

在提现记录中,当状态为可领取且提现方式为微信时显示领取按钮
调整金额显示区域的布局为垂直排列并添加间距
hfll
主管理员 1 month ago
parent
commit
ed36885b82
1 changed files with 21 additions and 2 deletions
  1. +21
    -2
      subPages/user/promote.vue

+ 21
- 2
subPages/user/promote.vue View File

@ -87,7 +87,23 @@
<view class="record-amount">
<text class="amount">+{{ item.money }}</text>
<!-- 领取按钮 - 当status=1且为微信提现时显示 -->
<uv-button
v-if="item.withdrawal && item.withdrawal.status === '1' && item.withdrawal.withdrawStatus === '0' && item.withdrawal.method === '0'"
:custom-style="{
height: '60rpx',
borderRadius: '30rpx',
background: '#06DADC',
border: '1rpx solid #06DADC',
lineHeight: '60rpx',
fontSize: '24rpx',
padding: '0 20rpx'
}"
type="primary"
size="mini"
@click="requestMerchantTransfer(item.withdrawal)">
领取
</uv-button>
<text class="status"
:class="item.withdrawal.status === '1'
@ -432,13 +448,16 @@ background: linear-gradient(180deg, #DEFFFF 0%, #FBFEFF 22.65%, #F0FBFF 100%);
.record-amount {
flex: 2;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 8rpx;
.amount {
display: block;
font-size: 28rpx;
font-weight: bold;
color: #333;
margin-bottom: 8rpx;
}
.status {


Loading…
Cancel
Save