*登入页面布局优化

web/client/src/sections/auth/containers/login.js

@@ -56,12 +56,11 @@ const Login = props => {
 
     return (
         <div className='login'>
-            <div className='left'></div>
+            {/* <div className='left'></div> */}
             <div className='right'>
                 <div className='loginBox'>
-                    <h1>四好公路</h1>
+                    <h1>南昌县智慧交通监管系统</h1>
                         <Form onKeyDown={enterHandler}>
-
                             <FormItem>
                                 <div className='loginFormTit'>用户名</div>
                                 <Input

web/client/src/sections/auth/containers/style.less

@@ -5,21 +5,22 @@
     top: 0;
     left: 0;
 
-    .left {
-        background-image: url('/assets/images/loginBg.jpg');
-        background-size: 100% 100%;
-        background-repeat: no-repeat;
-        width: 55%;
-        height: 100%;
-        float: left;
-        top: 0px;
-        left: 0px;
-    }
+    // .left {
+    //     background-image: url('/assets/images/bj.png');
+    //     background-size: 100% 100%;
+    //     background-repeat: no-repeat;
+    //     width: 55%;
+    //     height: 100%;
+    //     float: left;
+    //     top: 0px;
+    //     left: 0px;
+    // }
 
     .right {
-        width: 45%;
+        background-image: url('/assets/images/bj.png');
+        width: 100%;
         height: 100%;
-        background-color: #000066;
+        // background-color: #000066;
         float: left;
         right: 0px;
         bottom: 0px;
@@ -45,22 +46,28 @@
 }
 
 .loginBox {
-    height: 50%;
-    width: 25%;
+    // height: 50%;
+    width: 480px;
     position: absolute;
-    right: 6.5%;
+    right: 9%;
     z-index: 20;
+    text-align: center;
+    border: 3px solid rgba(255, 255, 255, 0.6);
+    border-radius: 20px;
 
     h1 {
+        margin-top: 6%;
         color: #fff;
-        font-size: 58px;
+        font-size: 40px;
+        font-family: "YouSheBiaoTiHei";
     }
 
     .loginFormTit {
-        width: 20%;
+        // width: 20%;
         font-size: 18px;
         color: rgb(255, 255, 255);
-        margin-bottom: 10px;
+        margin: 0 0 10px 10%;
+        text-align: left;
     }
 
     .loginInp {
@@ -74,8 +81,10 @@
     .loginBtn {
         width: 80%;
         height: 50px;
-        margin-top: 20px;
+        margin: 20px 0 9% 0;
         border-radius: 5px;
         font-size: 16px;
     }
+
+
 }