From 77a27ad5c70657b49942923cac6a106d2ddf3173 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 20 十二月 2021 14:00:30 +0800
Subject: [PATCH] 登录页修改

---
 src/pages/login/App.vue |   30 ++++++++++++++++--------------
 1 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/pages/login/App.vue b/src/pages/login/App.vue
index 1036deb..bc579a2 100644
--- a/src/pages/login/App.vue
+++ b/src/pages/login/App.vue
@@ -68,11 +68,7 @@
       <div class="web">{{ data.website }}</div>
     </div>
 
-    <div
-      class="login-form"
-      :style="{ background: backgroundColor }"
-      :class="{ empty: !user.loginName && !user.password }"
-    >
+    <div class="login-form" :style="{ background: backgroundColor }">
       <img class="logo" src="/apps/loginData/leftImg.png" alt="" />
 
       <el-form
@@ -87,6 +83,7 @@
           <el-input
             v-model="user.loginName"
             :placeholder="$t('placeholder.enterUsername')"
+            :class="{ empty: !user.loginName }"
           >
             <i slot="prefix" class="iconfont icon">&#xe7e5;</i>
           </el-input>
@@ -98,14 +95,19 @@
             v-model="user.password"
             autocomplete="off"
             :placeholder="$t('placeholder.enterPassword')"
+            :class="{ empty: !user.password }"
           >
             <i slot="prefix" class="iconfont icon">&#xe7e4;</i>
           </el-input>
         </el-form-item>
         <el-form-item>
-          <el-button ref="submit" type="warning" @click="systemLogin()">{{
-            $t("button.login")
-          }}</el-button>
+          <el-button
+            ref="submit"
+            type="warning"
+            @click="systemLogin()"
+            :class="{ empty: !user.password || !user.loginName }"
+            >{{ $t("button.login") }}</el-button
+          >
         </el-form-item>
       </el-form>
     </div>
@@ -472,15 +474,15 @@
     }
   }
 
-  .login-form.empty {
+  .el-button.empty {
+    background-color: #999;
+    color: #fff;
+  }
+
+  .el-input.empty {
     input {
       border-color: #999;
       color: #bbb;
-    }
-
-    .el-button {
-      background-color: #999;
-      color: #fff;
     }
 
     .icon {

--
Gitblit v1.8.0