增

src/views/Login/Login.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="login">
         <div class="tab">
-            <div style="width: 100%;text-align: center;position: absolute;top:0 ;left: 0">
+            <div style="width: 100%;text-align: center;position: absolute;top:0 ;left: 0;height: 100%;width: 100%">
                 <div class="tab-wrapper">
                     <img :class="flag1? 'active1':'active2'" alt=""
                          src="./img/img_2.png" style="display: inline-block;position: absolute;top:50px;">
@@ -9,7 +9,7 @@
                     <img alt="" src="./img/split.png" style="display: inline-block;position: absolute;top:-12px;">
                     <div :class="flag2? 'active':''" class="tab2" @click="handleChange1">人脸识别</div>
                 </div>
-                <div v-if="flag1">
+                <div v-if="flag1" class="input-div-c">
                     <div class="input-div">
                         <img alt="" class="phone-img" src="./img/phone.png">
                         <el-input v-model="input" class="phone" placeholder="请输入手机号/邮箱"></el-input>
@@ -19,7 +19,7 @@
                         <el-input v-model="password" class="password" placeholder="请输入登录密码"
                                   show-password></el-input>
                     </div>
-                    <div style="text-align: left">
+                    <div class="remindPass">
                         <el-checkbox v-model="checked" class="rememberMe">记住密码</el-checkbox>
                     </div>
                 </div>
@@ -125,6 +125,28 @@ export default {
 /deep/ .el-tabs__nav {
   float: none;
 }
+.input-div-c{
+  position: absolute;
+  height: 50%;
+  width: 100%;
+  top: 5%;
+}
+.input-div{
+  position: absolute;
+  height: 30%;
+  width: 100%;
+}
+.input-div:nth-child(1){
+  top:30%;
+}
+.input-div:nth-child(2){
+  top:65%;
+}
+
+.remindPass{
+  position: absolute;
+  top: 90%;
+}
 
 
 /deep/ .el-tabs__active-bar {
@@ -195,14 +217,14 @@ export default {
     position: absolute;
     width: 22px;
     height: 28px;
-    top: 18%;
+    top: 2%;
   }
 
   .password-img {
     width: 21px;
     height: 21px;
     position: absolute;
-    top: 40%;
+    top: 2%;
   }
 
 
@@ -211,8 +233,9 @@ export default {
 .button-div {
   text-align: left;
   position: absolute;
-  top: 50%;
-  left: 3%;
+  top: 55%;
+  left: 0%;
+  width:100%;
 }
 
 
@@ -246,7 +269,6 @@ export default {
   border-radius: 0;
   height: 100%;
   padding-bottom: 4%;
-  margin-top: 15%;
   padding-left: 11% !important;
   font-size: 19px;
   font-weight: 1000;