1 【小昆山官网】手机验证码登录-当手机号和图片验证码没有填写或者填写错误时，点击【获取验证码】无反应

digital-park-web/digital-park/src/views/login/LoginFrom/LoginFrom.vue

@@ -34,14 +34,26 @@
                 </div>
                 <!-- 手机登录 -->
                 <div v-if="loginMethod == 2">
-                    <el-input placeholder="请输入手机号码" v-model="mobilePhone" class="mb-20">
+                    <el-input
+                        placeholder="请输入手机号码"
+                        v-model="mobilePhone"
+                        class="mb-20"
+                        :class="{'is-error':mobilePhoneError}"
+                        @focus="clearError('mobilePhoneError')"
+                    >
                         <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i>
                     </el-input>
+                    <div
+                        class="is-error-info"
+                        v-if="mobilePhoneError"
+                    >{{ mobilePhone ? '请输入正确的手机号码':'请输入手机号码' }}</div>
                     <div class="verification-code-row mb-20">
                         <el-input
                             placeholder="请输入图片验证码"
                             v-model="imgCode"
                             class="fl img-code-input"
+                            :class="{'is-error':imgCodeError}"
+                            @focus="clearError('imgCodeError')"
                         >
                             <img
                                 slot="prefix"
@@ -53,6 +65,7 @@
                         <div class="img-code-box fl" @click="getVerificationCode">
                             <img class="imgCode" :src="imgCodeUrl" alt="验证码" />
                         </div>
+                        <div class="is-error-info" style="margin-top:0" v-if="imgCodeError">请输入图片验证码</div>
                     </div>
                     <div class="verification-code-row mb-20">
                         <el-input
@@ -594,6 +607,8 @@ export default {
         },
         // 检测字段
         checkKey(val, key) {
+            console.log(val,'val')
+            console.log(key,'key')
             let flag = true;
             if (!val || !val.trim()) {
                 this[key] = true;