登录功能样式修改

src/views/myLogin.vue

@@ -17,34 +17,19 @@
         </div>
         <h3 class="title">用户登录</h3>
         <el-form-item prop="username" class="item" style="margin-top: -20px">
-          <el-input
+          <el-input prefix-icon="el-icon-user" placeholder="账号" name="username" autocomplete="on" v-model="loginForm.username">
-            placeholder="账号"
-            name="username"
-            autocomplete="on"
-            v-model="loginForm.username"
-          >
             <i slot="prefix" class="el-input__icon">
               <icon-svg icon-class="user"/>
             </i>
           </el-input>
         </el-form-item>
         <el-form-item prop="password" class="item">
-          <el-input
+          <el-input prefix-icon="el-icon-s-goods" placeholder="密码" name="password" :type="isShowPwd ? 'text' : 'password'" @keyup.enter.native="handleLogin"
-            placeholder="密码"
+                    v-model="loginForm.password" autocomplete="on">
-            name="password"
-            :type="isShowPwd ? 'text' : 'password'"
-            @keyup.enter.native="handleLogin"
-            v-model="loginForm.password"
-            autocomplete="on"
-          >
             <i slot="prefix" class="el-input__icon">
               <icon-svg icon-class="pwd"/>
             </i>
-            <i
+            <i slot="suffix" class="el-input__icon" @click="isShowPwd = !isShowPwd">
-              slot="suffix"
-              class="el-input__icon"
-              @click="isShowPwd = !isShowPwd"
-            >
               <icon-svg icon-class="eye"/>
             </i>
           </el-input>
@@ -136,8 +121,11 @@ export default {
   },
   methods: {
     verifyAlert(text) {
+      debugger
       if (text === 'success') {
         this.loginForm.verificationCode = true;
+      }else{
+        this.loginForm.verificationCode = false;
       }
     },
     // handleLogin() {
@@ -214,6 +202,7 @@ export default {
             });
           }).catch((res) => {
             this.loading = false;
+            this.$refs.checkV.refresh();
             this.$message.error(res);
             if (this.captchaEnabled) {
               this.getCode();
@@ -361,4 +350,7 @@ $light_gray: #eee;
     width: 490px;
   }
 }
+.el-input--mini .el-input__icon {
+  line-height: 32px;
+}
 </style>