update login UI

src/views/login/index.vue

@@ -186,9 +186,6 @@ export default {
 
 <style lang="scss">
 /* 修复input 背景不协调 和光标变色 */
-
-$bg:#283443;
-$light_gray:#fff;
 $cursor: #fff;
 
 @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
@@ -213,9 +210,16 @@ $cursor: #fff;
       height: 47px;
       caret-color: #FFFFFF;
 
-      &:-webkit-autofill {
-        box-shadow: 0 0 0 1000px #004C63 inset !important;
-        -webkit-text-fill-color:  #fff !important;
+      // &:-webkit-autofill {
+      //   box-shadow: 0 0 0 1000px  rgba(0,76,99,0.9) inset !important;
+      //   -webkit-text-fill-color:  #fff !important;
+      // }
+      &:-webkit-autofill,
+      &:-webkit-autofill:hover,
+      &:-webkit-autofill:focus,
+      &:-webkit-autofill:active {
+          transition-delay: 111111s;
+          transition: color 11111s ease-out, background-color 111111s ease-out;
       }
     }
   }
@@ -231,9 +235,6 @@ $cursor: #fff;
 </style>
 
 <style lang="scss" scoped>
-$bg:#2d3a4b;
-$dark_gray:#889aa4;
-$light_gray:#eee;
 
 .login-container {
   min-height: 100%;
@@ -253,8 +254,7 @@ $light_gray:#eee;
     width:40%;
     height:calc(60vh);
     margin-top:calc(20vh);
-    background:#004C63;
-    opacity: 0.73;
+    background: rgba(0,76,99, 0.73);
   }
   .tips {
     font-size: 16px;
@@ -293,7 +293,7 @@ $light_gray:#eee;
     right: 10px;
     top: 7px;
     font-size: 16px;
-    color: $dark_gray;
+    color: #889aa4;
     cursor: pointer;
     user-select: none;
   }