login样式

src/dashoo.cn/frontend_web/src/pages/login.vue

@@ -18,15 +18,13 @@
     </sticky>
 
     <div style="background-color: #3273FC" v-if="activeIndex==0">
+
       <div style="background-color: white;">
+        <div class="top-wrapper">
+          <img src="../assets/img/title_login.png" style="height:60px; margin-top: 5px;" v-if="activeIndex==0">
+        </div>
         <div class="back-width">
-
           <div class="login-body">
-            <img
-              src="../assets/img/title_login.png"
-              style=" position: absolute; height:55px; top: 22px; left:50%; margin-left: -300px; margin-top: 20px"
-              v-if="activeIndex==0"
-            />
             <section class="login">
               <!--<header class="login-header">
                 <h1 style="text-align:center;margin-top:70px;margin-bottom:40px;"><router-link to="/"><img src="../assets/img/logo.png" style="height:80px;"></router-link></h1>
@@ -472,7 +470,7 @@ export default class Login extends Vue {
   margin: auto;
   left: 0;
   right: 0;
-  top: 0px;
+  top: 60px;
   width: 100%;
   height: calc(100vh - 40px);
 }
@@ -490,18 +488,20 @@ export default class Login extends Vue {
   /*min-height: 1050px;*/
 
   position: absolute;
-
   margin: auto;
+  left: -400px;
+  right: 0;
+  top: 0;
+  width: 800px;
+  height: 600px;
+
+  /*margin: auto;
   left: 0px;
   top: 0px;
   right: 0;
   bottom: 0;
   width: 100%;
-  height: calc(100vh - 40px);
-  /*top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;*/
+  height: calc(100vh - 40px);*/
 }
 
 .login {
@@ -513,8 +513,8 @@ export default class Login extends Vue {
   left:50%;
   font-size: 0.875rem;
   opacity: 0.9;
-  margin-top: -200px;
-  margin-left: -3rem;
+  margin-top: -250px;
+  margin-left: -1rem;
 
   &-header {
     margin-bottom: 1rem;