|
@@ -30,6 +30,10 @@
|
|
|
<text class="gift-amount">+¥{{ (state.rechargeItem.grantsAmount / 100).toFixed(2) }}</text>
|
|
<text class="gift-amount">+¥{{ (state.rechargeItem.grantsAmount / 100).toFixed(2) }}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="gift-tip" v-if="state.rechargeItem.grantsAmount > 0">
|
|
|
|
|
+ <uv-icon class="gift-tip-icon" name="info-circle" size="14" color="#999"></uv-icon>
|
|
|
|
|
+ <text class="gift-tip-text">赠金需在充值本金消耗完毕后使用，如申请退款将收回全部赠金，充值即视为同意活动规则，最终解释权归本平台所有。</text>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="pay-area">
|
|
<view class="pay-area">
|
|
@@ -269,11 +273,33 @@ const confirm = () => {
|
|
|
color: $uni-color-primary;
|
|
color: $uni-color-primary;
|
|
|
|
|
|
|
|
.gift-amount {
|
|
.gift-amount {
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- font-weight: $uni-font-weight-semibold;
|
|
|
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
|
+ font-weight: $uni-font-weight-bold;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .gift-tip {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: flex-start;
|
|
|
|
|
+ gap: 10rpx;
|
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
|
+ padding: 16rpx 20rpx;
|
|
|
|
|
+ background-color: #f9f9f9;
|
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .gift-tip-icon {
|
|
|
|
|
+ margin-top: 6rpx;
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .gift-tip-text {
|
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
|
+ color: #999;
|
|
|
|
|
+ line-height: 1.5;
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 支付按钮区域
|
|
// 支付按钮区域
|
skyline