From a2e0935c9d6b68a54f34b03c79d858a9cec71500 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Tue, 17 May 2022 22:11:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor(login.vue):=20=E9=AA=8C=E8=AF=81?=
 =?UTF-8?q?=E7=A0=81=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: f00e65d275b07c7bddf38f714bafae796090c889
---
 src/views/login/index.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index f75f476d..e3b2e46b 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -133,11 +133,13 @@ const state = reactive({
     username: 'admin',
     password: '123456',
     code: '',
-    uuid: ''
+    uuid: '',
   } as LoginFormData,
   loginRules: {
     username: [{ required: true, trigger: 'blur' }],
-    password: [{ required: true, trigger: 'blur', validator: validatePassword }]
+    password: [
+      { required: true, trigger: 'blur', validator: validatePassword },
+    ],
   },
   loading: false,
   passwordType: 'password',
@@ -146,7 +148,7 @@ const state = reactive({
   capslockTooltipDisabled: true,
   otherQuery: {},
   clientHeight: document.documentElement.clientHeight,
-  showCopyright: true
+  showCopyright: true,
 });
 
 function validatePassword(rule: any, value: any, callback: any) {
@@ -164,7 +166,7 @@ const {
   passwordType,
   captchaBase64,
   capslockTooltipDisabled,
-  showCopyright
+  showCopyright,
 } = toRefs(state);
 
 function checkCapslock(e: any) {
@@ -208,7 +210,7 @@ function handleLogin() {
 function handleCaptchaGenerate() {
   getCaptcha().then(({ data }) => {
     const { img, uuid } = data;
-    state.captchaBase64 = 'data:image/gif;base64,' + img;
+    state.captchaBase64 = img;
     state.loginForm.uuid = uuid;
   });
 }
@@ -223,7 +225,7 @@ watch(
     }
   },
   {
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -281,7 +283,7 @@ $cursor: #fff;
 
   .el-input {
     display: inline-block;
-    height: 47px;
+    height: 36px;
     width: 85%;
     .el-input__wrapper {
       padding: 0;
@@ -292,9 +294,8 @@ $cursor: #fff;
         border: 0px;
         -webkit-appearance: none;
         border-radius: 0px;
-        padding: 12px 5px 12px 15px;
         color: $light_gray;
-        height: 47px;
+        height: 36px;
         caret-color: $cursor;
 
         &:-webkit-autofill {
@@ -365,7 +366,7 @@ $light_gray: #eee;
   }
 
   .svg-container {
-    padding: 6px 5px 6px 15px;
+    padding: 5px 10px;
     color: $dark_gray;
     vertical-align: middle;
     width: 30px;
@@ -400,7 +401,7 @@ $light_gray: #eee;
     top: 0;
 
     img {
-      height: 52px;
+      height: 42px;
       cursor: pointer;
       vertical-align: middle;
     }