shish 1 год назад
Родитель
Сommit
21ee28f14b
1 измененных файлов с 30 добавлено и 14 удалено
  1. 30 14
      hdApp/src/admin/member/detail.vue

+ 30 - 14
hdApp/src/admin/member/detail.vue

@@ -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;
   }