截止‘运力管理’模块

src/styles/login.scss

@@ -4,10 +4,12 @@
   align-items: center;
   width: 100%;
   height: 100%;
-  // background-color: #fff;
-  background: linear-gradient(110deg, rgb(2, 40, 85) 0%, rgb(44, 119, 241) 50%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
+  background-image: url('/img/运输登录.jpg');
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
   overflow: hidden;
-  &::before{
+  &::before {
     // content:' ';
     position: absolute;
     top: 0;
@@ -15,7 +17,7 @@
     width: 100%;
     height: 100%;
     margin-left: -48%;
-    background-image: url(/img/login-bg.svg);
+    background-image: url('/img/运输登录.jpg');
     background-position: 100%;
     background-repeat: no-repeat;
     background-size: auto 100%;
@@ -23,29 +25,17 @@
 }
 .login-weaper {
   margin: 0 auto;
-  width:100%;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
 }
 
-.login-left,
 .login-border {
   position: relative;
   min-height: 500px;
   align-items: center;
   display: flex;
 }
-.login-left {
-  padding-top: 100px;
-  justify-content: center;
-  flex-direction: column;
-  color: #fff;
-  float: left;
-  width: 50%;
-  position: relative;
-  box-sizing: border-box;
-}
-.login-left .img {
-  width: 200px;
-}
 .login-time {
   position: absolute;
   left: 25px;
@@ -58,15 +48,6 @@
   overflow: hidden;
   font-weight: bold;
 }
-.login-left .title {
-  margin-top: 60px;
-  text-align: center;
-  color: #fff;
-  font-weight: 300;
-  letter-spacing: 2px;
-  font-size: 28px;
-  font-weight: bold;
-}
 
 .login-border {
   border-left: none;
@@ -74,7 +55,6 @@
   border-bottom-right-radius: 5px;
   color: #fff;
   width: 50%;
-  float: left;
   box-sizing: border-box;
 }
 .login-main {
@@ -83,6 +63,7 @@
   width: 70%;
   //box-shadow: -4px 5px 10px rgba(255, 255, 255, 0.4);
   box-sizing: border-box;
+  background: white;
 }
 .login-main > h3 {
   margin-bottom: 20px;
@@ -114,7 +95,7 @@
   cursor: pointer;
   margin-top: 30px;
   transition: 0.25s;
-  background-color: #2C77F1;
+  background-color: #2c77f1;
 }
 .register-submit {
   width: 100%;
@@ -124,7 +105,7 @@
   font-weight: 300;
   cursor: pointer;
   margin-top: 30px;
-  margin-left: 0!important;
+  margin-left: 0 !important;
   transition: 0.25s;
 }
 .login-form {
@@ -136,16 +117,17 @@
     input {
       text-indent: 5px;
     }
-    .el-input__wrapper{
-      padding:5px 10px;
+    .el-input__wrapper {
+      padding: 5px 10px;
       border-radius: 0;
     }
-    .el-input__suffix,.el-input__prefix{
+    .el-input__suffix,
+    .el-input__prefix {
       display: flex;
       align-items: center;
       text-align: center;
     }
-    .el-input__prefix{
+    .el-input__prefix {
       margin-left: 8px;
     }
   }
@@ -153,11 +135,11 @@
 .login-code {
   width: 100%;
   height: 100%;
-  .el-input-group__append{
+  .el-input-group__append {
     background-color: #fff;
   }
 }
-.login-code-box{
+.login-code-box {
   display: flex;
   align-items: center;
 }