From 1781a05b228690e861ac6bd5751deb0786665a1a Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 13 Sep 2024 02:08:44 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E6=94=B9=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 41 +++++++++++++++++++++++++++++++++------
 1 file changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index dbd28cb..d88a06c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -4,14 +4,14 @@
     :model="loginForm"
     ref="formInstance"
     :rules="rules"
-    label-width="65px"
+    label-width="70px"
     >
-      <h3>SmartOpsWeb</h3>
+      <h3>工单管理系统</h3>
       <el-form-item prop="username" label="账号">
         <el-input v-model="loginForm.username" :prefix-icon="User" ></el-input>
       </el-form-item>
       <el-form-item prop="password" label="密码">
-        <el-input v-model="loginForm.password" type="password" :prefix-icon="Lock" ></el-input>
+        <el-input v-model="loginForm.password" type="password" :prefix-icon="Lock" :show-password="true"></el-input>
       </el-form-item>
       <el-form-item prop="code" label="验证码" >
         <div class="code">
@@ -96,8 +96,8 @@ onBeforeUnmount(() => {
 <style lang="scss" scoped>
 .login-box {
   height: 100%;
-  background-color: #4158D0;
-  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
+  background-color: #F3F3F3;
+  //background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -107,7 +107,36 @@ onBeforeUnmount(() => {
     border-radius: 12px;
     width: 25%;
     background-color: #fff;
+    .el-form-item {
+      margin-bottom: 25px;
 
+      :deep(.el-form-item__label) {
+        font-size: 15px;
+      }
+
+      .el-input {
+        height: 40px;
+
+        :deep(.el-input__inner) {
+          font-size: 18px;
+        }
+
+        :deep(.el-input__suffix) {
+          .el-input__password {
+            font-size: 20px;
+          }
+        }
+
+        :deep(.el-input__prefix ) {
+          .el-input__prefix-inner {
+            .el-icon {
+              font-size: 20px;
+            }
+          }
+        }
+      }
+
+    }
     h3 {
       width: 100%;
       text-align: center;
@@ -129,7 +158,7 @@ onBeforeUnmount(() => {
     flex: 2;
   }
   img {
-    height: 32px;
+    height: 40px;
     flex: 1;
   }
 }