修改登录页样式

src/components/layouts/UserLayout.vue

@@ -112,9 +112,9 @@ export default {
     }
 
     .main {
-      width: 568px;
+      width: 596px;
-      height: 440px;
+      height: 468px;
-      margin: 293px 1173px;
+      margin: 390px 1020px;
       background: url(~@/assets/img/login_bg.png) no-repeat;
     }
 

src/views/user/Login.vue

@@ -2,23 +2,23 @@
   <div class="main">
     <a-form :form="form" class="user-layout-login" ref="formLogin" id="formLogin">
       <div class="header">
-        <span class="title">末端数据接入处理系统</span>
+        <img src="~@/assets/img/logo.png"/>
       </div>
       <div class="name">
-        <span class="title">用户登录</span>
+        <span class="title"></span>
       </div>
-      <a-form-item label=" " :labelCol="labelCol" :wrapperCol="wrapperCol">
+      <a-form-item label=" " :labelCol="labelCol" :wrapperCol="wrapperCol" style="margin-right: 100px">
         <img class="aicon" src="~@/assets/img/icon-账户.png"/>
         <a-input size="large" v-decorator="['username']" type="text" placeholder="请输入账号"> </a-input>
       </a-form-item>
 
-      <a-form-item label=" " :labelCol="labelCol" :wrapperCol="wrapperCol">
+      <a-form-item label=" " :labelCol="labelCol" :wrapperCol="wrapperCol" style="margin-right: 100px">
         <img class="aicon" src="~@/assets/img/icon-密码.png"/>
         <a-input v-decorator="['password']" size="large" type="password" autocomplete="false" placeholder="请输入密码">
         </a-input>
       </a-form-item>
 
-      <a-form-item style="margin-top: 17px; margin-left: 95px">
+      <a-form-item style="margin-top: 17px; margin-left: 80px">
         <a-button
           size="large"
           type="primary"
@@ -298,21 +298,20 @@ export default {
 .user-layout-login {
   .header {
     position: absolute;
-    top:257px;
-    left:1249px;
-    line-height: 36px;
     text-align: center;
+    top:280px;
+    left:1080px;
     .title {
-      font-size: 38px;
+      font-family: 'REEJI-FlashSansGB-Flash-Heavy';
-      color: #fff;
+      font-weight: 800;
-      font-family: 'Microsoft YaHei';
+      font-size: 40px;
-      letter-spacing: 4px;
+      color: #FFFFFF;
-      font-weight: 700;
+      text-shadow: 0px 3px 8px rgba(4,0,0,0.51);
     }
   }
   .name {
     padding-top: 53px;
-    height: 135px;
+    height: 110px;
     line-height: 30px;
     text-align: center;
     .title {
@@ -329,10 +328,12 @@ export default {
 }
 .user-layout-login input {
   font-size: 20px;
+  width: 444px;
+  height: 60px;
   background: #0f142a;
   color: rgba(255, 255, 255, 0.85);
   padding-left: 80px;
-  border: 1px solid #1C6094 !important;
+  border: 1px solid #11929D !important;
   outline: none !important;
   box-shadow: none !important;
   cursor: pointer;
@@ -346,7 +347,7 @@ export default {
   z-index: 11;
 }
 .user-layout-login input::placeholder {
-  color: rgba(255, 255, 255, 0.25);
+  color: #2F6480;
 }
 
 
@@ -366,7 +367,7 @@ export default {
 }
 .user-layout-login .ant-input-lg {
   height: 60px !important;
-  width: 400px !important;
+  width: 444px !important;
   border-radius: 0px;
 }
 
@@ -374,12 +375,13 @@ export default {
   content: '';
 }
 .user-layout-login .login-button{
-  width: 400px !important;
+  width: 444px !important;
   height: 60px !important;
   border: none !important;
   background: url(~@assets/img/login_button.png) !important;
-  font-size: 28px;
+  font-size: 30px;
-  color: #fff;
+  color: #FFFFFF;
+  line-height: 3px;
   font-family: 'Microsoft YaHei';
 }
 .user-layout-login .login-button:hover,