首页背景色修改

applications/architecture-dee/src/views/login/index.vue

@@ -34,33 +34,38 @@
     <img src="/images/li.gif" style="position: fixed;width: 100%;bottom: 0;z-index:-1;">
   </div> -->
   <div class="login-background">
-    <img class="login-pic" src="/images/login-pic.png" alt="">
-    <div class="login-box">
-      <div class="login-box-header" />
-      <div class="login-box-body">
-        <el-form ref="loginForm" :model="loginForm" :rules="loginFormRules" class="login-form">
-          <el-form-item prop="account">
-            <el-input ref="account" v-model="loginForm.account" placeholder="用户名">
-              <!-- <i slot="prefix" class="el-input__icon el-icon-user" /> -->
-              <svg-icon slot="prefix" icon-class="user" />
-            </el-input>
-          </el-form-item>
-          <el-form-item prop="password">
-            <el-input ref="password" v-model="loginForm.password" placeholder="密码" type="password">
-              <svg-icon slot="prefix" icon-class="password" />
-            </el-input>
-          </el-form-item>
-        </el-form>
-        <div>
-          <el-button class="login-btn" type="small" @keyup.native.enter="userLogin" @click="userLogin">登 录</el-button>
-        </div>
-        <div class="password-box">
-          <el-checkbox v-model="rememberPassword" name="type">记住密码 </el-checkbox>
+    <!-- <img class="login-pic" src="/images/login-pic.png" alt=""> -->
+    <div class="lfet-logo">
+      <div />
+    </div>
+    <div class="right middle">
+      <div class="login-box">
+        <div class="login-box-header" />
+        <div class="login-box-body">
+          <el-form ref="loginForm" :model="loginForm" :rules="loginFormRules" class="login-form">
+            <el-form-item prop="account">
+              <el-input ref="account" v-model="loginForm.account" placeholder="用户名">
+                <!-- <i slot="prefix" class="el-input__icon el-icon-user" /> -->
+                <svg-icon slot="prefix" icon-class="user" />
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input ref="password" v-model="loginForm.password" placeholder="密码" type="password">
+                <svg-icon slot="prefix" icon-class="password" />
+              </el-input>
+            </el-form-item>
+          </el-form>
+          <div>
+            <el-button class="login-btn" type="small" @keyup.native.enter="userLogin" @click="userLogin">登 录</el-button>
+          </div>
+          <div class="password-box">
+            <el-checkbox v-model="rememberPassword" name="type">记住密码 </el-checkbox>
           <!-- <span>忘记密码</span> -->
+          </div>
+        </div>
+        <div class="login-box-foot">
+          Copyright 2021 yond-e , Inc. All rights reserved
         </div>
-      </div>
-      <div class="login-box-foot">
-        Copyright 2021 yond-e , Inc. All rights reserved
       </div>
     </div>
     <dee-dialog
@@ -233,6 +238,29 @@ export default {
     // height: 628px;
     margin: auto;
   }
+  .lfet-logo {
+    width: 50%;
+    height: 80%;
+    float: left;
+    box-sizing: border-box;
+    padding-left: 100px;
+    display: flex;
+    // align-items: center;
+    align-items: center;
+    margin-top: 8%;
+    padding-left: 15%;
+    box-sizing: border-box;
+    > div {
+      width: 504px;
+      height: 170px;
+      background: url("../../../public/images/home/bgRound.gif") no-repeat;
+      background-size: contain;
+    }
+  }
+  .right {
+    width: 50%;
+    height: 80%;
+    float: right;
   .login-box{
     width: 400px;
     height: 440px;
@@ -305,6 +333,7 @@ export default {
       height: 50px
     }
   }
+}
   .imgSize {
     height: 25px;
   }
@@ -312,7 +341,7 @@ export default {
     width: 100%;
     height: 100%;
     // background-image: url('/images/river.png'), linear-gradient(90deg, #324A8D 20%, #4BAE47 100%);
-    background-image: url('/images/bg.png');
+    background-image: url('/images/home/bg2.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     position: fixed;