提交

src/views/login.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="login">
     <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">若依后台管理系统</h3>
+      <el-row>
+        <el-col :span="12" class="_left">
+        <img src="../static/login-left..png" alt="">
+        </el-col>
+        <el-col :span="12" class="_right">
+          <h3 class="title">中科云</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -56,6 +61,8 @@
           <router-link class="link-type" :to="'/register'">立即注册</router-link>
         </div>
       </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
@@ -156,8 +163,10 @@ getCookie();
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-color: #b1ccff;
   background-size: cover;
+  // background-image: url("../assets/images/login-background.jpg");
+  // background-size: cover;
 }
 .title {
   margin: 0px auto 30px auto;
@@ -168,8 +177,23 @@ getCookie();
 .login-form {
   border-radius: 6px;
   background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
+  width: 1000px;
+  ._left {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    height: 500px;
+    background: linear-gradient(0deg, #0054ff, #516af5);
+    img {
+      width: 495px;
+      height: 441px;
+      margin: auto;
+    }
+  }
+  ._right {
+    height: 100%;
+    padding: 120px 104px 5px 104px;
+  }
   .el-input {
     height: 40px;
     input {