Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Mediation-Frontend into hcb

src/views/login.vue

@@ -1,7 +1,17 @@
 <template>
   <div class="login">
+    <!-- 左侧 -->
+    <div class="leftBox">
+      <div class="leftIcon">
+        <div class="Icon"></div>
+        <div>智慧调解系统</div>
+      </div>
+      <div class="leftImage"></div>
+    </div>
+    <!-- 右侧 -->
+    <div class="rightBox">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">智慧调解系统</h3>
+      <h2 class="title">用户登录</h2>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -54,6 +64,7 @@
         </div>
       </el-form-item>
     </el-form>
+    </div>
     <!--  底部  -->
     <div class="el-login-footer">
       <span>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</span>
@@ -161,13 +172,46 @@ export default {
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/loginbg.jpg");
-  background-size: cover;
+  .leftBox {
+    width: 50%;
+    height: 90%;
+    .leftIcon {
+      height: 10%;
+      width: 100%;
+      margin: 5% 10% 1% 15%;
+      .Icon {
+        width: 45px;
+        height: 45px;
+        background-image: url("../assets/images/mediate.svg");
+        background-size: cover;
+      }
+      div {
+        font-size: 17px;
+      }
+    }
+    .leftImage {
+      width: 100%;
+      height: 90%;
+      margin-left: 10%;
+      margin-top: -15%;
+      background-image: url("../assets/images/login.svg");
+      background-size: cover;
+    }
+  }
+  
+  .rightBox {
+    width: 50%;
+    height: 90%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
-  color: #707070;
+  color: #1296db;
+  font-weight: 600;
 }
 
 .login-form {
@@ -202,6 +246,7 @@ export default {
   }
 }
 .el-login-footer {
+  background-color: rgb(126, 131, 135);
   height: 40px;
   line-height: 40px;
   position: fixed;