|
|
@@ -188,7 +188,12 @@
|
|
|
placeholder="请输入金额"
|
|
|
v-model="rForm.rechargeAmount"
|
|
|
:adjust-position="false"
|
|
|
- class="amount-input"
|
|
|
+ class="amount-input"
|
|
|
+ :focus="rechargeInputFocus"
|
|
|
+ :cursor-spacing="20"
|
|
|
+ confirm-type="done"
|
|
|
+ confirm-hold="true"
|
|
|
+ @blur="onRechargeInputBlur"
|
|
|
/>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -474,6 +479,7 @@ export default {
|
|
|
rechargeRemark:'',
|
|
|
rechargePayWay:0,
|
|
|
},
|
|
|
+ rechargeInputFocus: false,
|
|
|
reduceShow:false
|
|
|
};
|
|
|
},
|
|
|
@@ -543,15 +549,25 @@ export default {
|
|
|
duration: 0
|
|
|
})
|
|
|
}, 100)
|
|
|
+ // 延迟设置焦点,确保弹框完全打开
|
|
|
+ setTimeout(() => {
|
|
|
+ this.rechargeInputFocus = true
|
|
|
+ }, 300)
|
|
|
},
|
|
|
// 关闭充值弹框
|
|
|
closeRechargePopup(){
|
|
|
this.$refs.rechargePopupRef.close()
|
|
|
+ // 重置焦点状态
|
|
|
+ this.rechargeInputFocus = false
|
|
|
// 重置表单
|
|
|
this.rForm.rechargeAmount = ''
|
|
|
this.rForm.rechargeRemark = ''
|
|
|
this.rForm.rechargePayWay = 0
|
|
|
},
|
|
|
+ // 充值输入框失去焦点
|
|
|
+ onRechargeInputBlur(){
|
|
|
+ this.rechargeInputFocus = false
|
|
|
+ },
|
|
|
// 确认充值
|
|
|
confirmRecharge(){
|
|
|
if (this.$util.isEmpty(this.rForm.rechargeAmount)){
|
|
|
@@ -1029,7 +1045,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.popup-title {
|
|
|
- font-size: 36upx;
|
|
|
+ font-size: 38upx;
|
|
|
font-weight: 600;
|
|
|
color: #333;
|
|
|
}
|
|
|
@@ -1044,11 +1060,11 @@ export default {
|
|
|
background: #f8f9fa;
|
|
|
}
|
|
|
|
|
|
- .close-icon {
|
|
|
- font-size: 40upx;
|
|
|
- color: #999;
|
|
|
- line-height: 1;
|
|
|
- }
|
|
|
+ .close-icon {
|
|
|
+ font-size: 42upx;
|
|
|
+ color: #999;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
|
|
|
.popup-content {
|
|
|
padding: 40upx;
|
|
|
@@ -1060,7 +1076,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.input-label {
|
|
|
- font-size: 32upx;
|
|
|
+ font-size: 34upx;
|
|
|
color: #333;
|
|
|
margin-bottom: 18upx;
|
|
|
font-weight: 500;
|
|
|
@@ -1076,7 +1092,7 @@ export default {
|
|
|
padding: 0 25upx;
|
|
|
border: 2upx solid #e9ecef;
|
|
|
border-radius: 12upx;
|
|
|
- font-size: 32upx;
|
|
|
+ font-size: 34upx;
|
|
|
text-align: center;
|
|
|
background: #fff;
|
|
|
box-sizing: border-box;
|
|
|
@@ -1103,7 +1119,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.options-title {
|
|
|
- font-size: 30upx;
|
|
|
+ font-size: 32upx;
|
|
|
color: #666;
|
|
|
margin-bottom: 25upx;
|
|
|
}
|
|
|
@@ -1142,24 +1158,24 @@ export default {
|
|
|
|
|
|
.recharge-amount {
|
|
|
font-weight: 500;
|
|
|
- font-size: 30upx;
|
|
|
+ font-size: 32upx;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
.upgrade-info {
|
|
|
- font-size: 26upx;
|
|
|
+ font-size: 28upx;
|
|
|
color: #666;
|
|
|
}
|
|
|
|
|
|
.discount-info, .give-info {
|
|
|
- font-size: 26upx;
|
|
|
+ font-size: 28upx;
|
|
|
color: #ff6b35;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.option-right {
|
|
|
color: #3385FF;
|
|
|
- font-size: 26upx;
|
|
|
+ font-size: 28upx;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|