Преглед изворни кода

修改登录注册页面样式(图片和登录注册框位置)

zhangxc пре 6 година
родитељ
комит
2ab8ed407f

+ 5 - 1
src/components/common/Banner.vue

@@ -9,7 +9,7 @@
             <div class="consult fr">
             <div class="consult fr">
                 <span>咨询热线:{{phone}} &nbsp;</span> |
                 <span>咨询热线:{{phone}} &nbsp;</span> |
                 <span>服务时间:{{workTime}}</span>
                 <span>服务时间:{{workTime}}</span>
-                <span class="toLogin" v-show="route=='/register'">已有账号?<b @click="toLogin">立即登录</b></span>
+                <!-- <span class="toLogin" v-show="route=='/register'">已有账号?<b @click="toLogin">立即登录</b></span> -->
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
@@ -63,6 +63,7 @@
         height: 60px;
         height: 60px;
         background: #fff;
         background: #fff;
         line-height: 60px;
         line-height: 60px;
+        position: relative;
     }
     }
 
 
     .banner img {
     .banner img {
@@ -77,6 +78,7 @@
         font-size: 14px;
         font-size: 14px;
         color: #2871FA;
         color: #2871FA;
         letter-spacing: 0;
         letter-spacing: 0;
+        font-weight: bold;
     }
     }
 
 
     .img-title {
     .img-title {
@@ -92,6 +94,8 @@
 
 
     .logo {
     .logo {
         display: inline-block;
         display: inline-block;
+        position: relative;
+        left: 13.5%;
     }
     }
 
 
     .consult {
     .consult {

+ 4 - 4
src/components/login/login.less

@@ -10,15 +10,15 @@
   .login-box {
   .login-box {
     width: 406px;
     width: 406px;
     position: absolute;
     position: absolute;
-    left: calc(50% + 203px);
+    left: 60%;
     top: 50%;
     top: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(0%, -50%);
   }
   }
   .login-img {
   .login-img {
-    left: 10%;
+    left: 17.5%;
     top: 0;
     top: 0;
     position: absolute;
     position: absolute;
-    width: 40%;
+    width: 43%;
     height: 100%;
     height: 100%;
   }
   }
   .login-img img {
   .login-img img {

+ 3 - 3
src/components/register/register.less

@@ -7,10 +7,10 @@
   font-weight: bold;
   font-weight: bold;
 }
 }
 .login-img {
 .login-img {
-  left: 10%;
+  left: 17.5%;
   top: 0;
   top: 0;
   position: absolute;
   position: absolute;
-  width: 40%;
+  width: 43%;
   height: 100%;
   height: 100%;
 }
 }
 .login-img img {
 .login-img img {
@@ -26,7 +26,7 @@
   // margin-top: 10%;
   // margin-top: 10%;
   height: 460px;//适配笔记本360
   height: 460px;//适配笔记本360
   position: absolute;
   position: absolute;
-  left: 50%;
+  left: 60%;
   top: 50%;
   top: 50%;
   transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   font-size: 12px; //默认字体
   font-size: 12px; //默认字体