up

src/views/login/index.vue

@@ -17,7 +17,7 @@
               <svg-icon icon-class="user" />
             </span>
             <el-input ref="username" v-model="loginForm.username" placeholder="请输入登录名" name="username" type="text"
-              tabindex="1" auto-complete="on" />
+              tabindex="1" auto-complete="off" />
           </el-form-item>
 
           <el-form-item prop="password">
@@ -25,7 +25,7 @@
               <svg-icon icon-class="password" />
             </span>
             <el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType"
-              placeholder="请输入密码" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" />
+              placeholder="请输入密码" name="password" tabindex="2" auto-complete="off" @keyup.enter.native="handleLogin" />
             <span class="show-pwd" @click="showPwd">
               <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
             </span>
@@ -87,7 +87,7 @@
         loading: false,
         passwordType: 'password',
         redirect: undefined,
-        marginTop: 20,
+        marginTop: 80,
         formHeight: 100
       }
     },
@@ -165,7 +165,7 @@
 
   $bg:#ffffff;
   $light_gray:#55320f;
-  $cursor: #fff;
+  $cursor: #55320f;
 
   @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
     .login-container .el-input input {
@@ -213,8 +213,11 @@
         caret-color: $cursor;
 
         &:-webkit-autofill {
-          box-shadow: 0 0 0px 1000px $bg inset !important;
-          -webkit-text-fill-color: $cursor !important;
+          box-shadow: 0 0 0px 1000px transparent inset !important;
+          -webkit-text-fill-color: $light_gray !important;
+          background-color: transparent;
+          background-image: none;
+          transition: background-color 50000s ease-in-out 0s;
         }
       }
     }