Browse Source

验证码框更换

Karsa 1 year ago
parent
commit
e76f7aead4
1 changed files with 14 additions and 2 deletions
  1. 14 2
      src/views/login/ForgetPassModel.vue

+ 14 - 2
src/views/login/ForgetPassModel.vue

@@ -222,7 +222,7 @@ onMounted(()=>{
                     >获取验证码</van-button>
             </div>
             <div class="container-inner" v-show="currentStep===2">
-                <van-password-input
+                <!-- <van-password-input
                     :value="captInput"
                     :length="6"
                     :gutter="10"
@@ -234,7 +234,19 @@ onMounted(()=>{
                     v-model="captInput"
                     :show="showKeyboard"
                     @blur="showKeyboard = false"
-                    />
+                    /> -->
+
+                <van-field
+                    class="form-input-box form-mobile-box"
+                    v-model="captInput"
+                    name="captInput"
+                    placeholder="请输入短信验证码"
+                    autocomplete="one-time-code"
+                    pattern="\d{6}"
+                    :maxlength="6"
+                    :rules="[{ required: true, message: '请输入短信验证码' }]"
+                />
+                
                 <van-button round block type="primary"
                     @click="checkInput"
                     >下一步</van-button>