登录样式更改

src/views/login1.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="container">
-    <div class="lef-cont">
+    <div class="bg-cont">
+        <div class="bg">
+        <img src="@/assets/images/dp-bg.png">
+        </div>
+    </div> 
+    <!-- <div class="lef-cont">
       <div class="circle1"></div>
       <div class="circle2"></div>
       <div class="tit">
@@ -14,11 +19,12 @@
       <div class="img-cont">
         <img src="@/assets/images/warn-bg.png">
       </div>
-    </div>
+    </div> -->
     <div class="login">
+      <h3 class="title">基建现场物联感知数据监测分析系统</h3>
       <div class="login-form">
-        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-          <h3 class="title">基建现场物联感知数据监测分析系统</h3>
+        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" >
+          <!--  -->
           <template v-if="loginMethod === 'password'">
             <el-form-item prop="username">
               <el-input
@@ -160,6 +166,10 @@
         </el-form>
       </div>
     </div>
+
+    <div class="bottom-info">
+        版权所有权归国网电力工程技术研究院有限公司
+    </div>
   </div>
 </template>
 
@@ -399,11 +409,26 @@ export default {
   display: flex;
   justify-content: flex-end;
   align-items: center;
+  flex-wrap: wrap;
+  background-color: #EAF0FB;
   height: 100%;
 }
-
+.bg-cont{
+  width: 50%;
+  height: 90%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  .bg{
+    width: 90%;
+    height: 70%;
+    img{
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
 .lef-cont{
-
   width: 50%;
   height: 100%;
   background-color: #7288FA;
@@ -454,12 +479,21 @@ export default {
 
 }
 
+.bottom-info{
+    width: 100%;
+    height: 10%;
+    text-align: center;
+    font-size: 18px;
+    font-weight: bold;
+    color: #1E67E7;
+}
 .login {
   width: 50%;
+  height: 90%;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
-  height: 100%;
 }
 
 .title {
@@ -467,13 +501,13 @@ export default {
   margin: 0 auto 50px;
   text-align: center;
   font-size: 32px;
-  color: #000;
+  color: #1E67E7;
 }
 
 .login-form {
   border-radius: 6px;
   background: #ffffff;
-  width: 400px;
+  width: 60%;
   padding: 25px;
 
   .el-input {