fix : 修改登录页样式

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;
   }
 }