zx

src/views/Login/forgetPWD/index.vue

@@ -150,7 +150,7 @@ export default {
     }
 }
 .fpwd-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -158,6 +158,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;

src/views/Login/index.vue

@@ -12,7 +12,7 @@
             <source src="../../assets/images/login/4.mp4" type="video/mp4">
         </video>
         <div class="login-inner">
-            <div class="login-div" :style="loginStyle">
+            <div class="login-div">
                 <loginForm @forgetPassword="handlerForget" @register="showRegister" v-if="dateType===1"></loginForm>
                 <forgetPWD v-if="dateType===2" @reLogin="handlerRelogin" @nextStep="handlerNext"></forgetPWD>
                 <resetPassword v-if="dateType===3" @reLogin="handlerRelogin" :forgetForm="forgetForm"></resetPassword>
@@ -100,7 +100,7 @@ export default {
     .login-div {
         position: absolute;
         width: 580px;
-        height: 600px;
+        // height: 600px;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);

src/views/Login/loginForm/index.vue

@@ -192,7 +192,7 @@ export default {
 }
 
 .login-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -200,6 +200,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;

src/views/Login/register/register.vue

@@ -222,7 +222,7 @@ export default {
 }
 
 .login-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -230,6 +230,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;

src/views/Login/resetPassword/index.vue

@@ -129,7 +129,7 @@ export default {
     }
 }
 .rp-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -137,6 +137,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;