master：login样式

pages/login/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <view style="width: 100%;height: 100%;">
+  <view style="width: 100%;height: 100%;min-height: 768px;">
     <image src="../../static/images/card.jpg" style="width: 100%;height: 100%;" mode="scaleToFill" @click="keyHideStatus">
       <uni-forms ref="baseForm" id="form1" :modelValue="formData" :rules="rules">
         <view class="cardBody">
-          <view class="card " :style="'height:'+height+' ;'">
+          <view class="card ">
             <view class="phoneText global-font" @click="keyHideStatus">
               用户类型
             </view>
@@ -21,19 +21,17 @@
             </view>
             <view @click="keyHideStatus">
               <uni-forms-item name="username">
-                <input class="inputClass" :style="'height:'+inputHeight+';'" ref="userInput" v-model="formData.username" :adjust-position="false"
-                  @focus="openUsername" @blur="closeUsername" />
+                <input class="inputClass" ref="userInput" v-model="formData.username" :adjust-position="false" />
               </uni-forms-item>
             </view>
 
             <view class="phoneText global-font" @click="keyHideStatus">
-              密码（初始密码为身份证号后6位）
+              密码
             </view>
             <view>
               <uni-forms-item name="password">
                 <!-- @focus="open" -->
-                <input id="ins" class="inputClass" :style="'height:'+inputHeight+';'" v-model="formData.password" :password="showPassword"
-                  @blur="close()" />
+                <input id="ins" class="inputClass" v-model="formData.password" :password="showPassword" @blur="close()" />
                 <tki-float-keyboard ref="keyb" :mode="keyMode" :type="keyType" :title="title" @del="keyDel" @val="keyVal" @show="keyShow"
                   @hide="keyHide"></tki-float-keyboard>
               </uni-forms-item>
@@ -89,8 +87,7 @@
         title: '密码键盘',
         keyShowStatus: false,
         showPassword: true,
-        height: '54vh',
-        inputHeight: '5vh',
+
         typeList: [
           { text: '民政用户', value: '1' },
           { text: '非民政用户', value: '0' },
@@ -165,19 +162,6 @@
       typeChange(e) {
         this.accountType = e.detail.value
       },
-      openUsername() {
-        setTimeout(() => {
-          if (this.show) {
-            this.height = '58vh'
-            this.inputHeight = '8vh'
-          }
-        }, 140)
-
-      },
-      closeUsername() {
-        this.height = '42vh'
-        this.inputHeight = '5vh'
-      },
       keyHideStatus() {
         if (this.keyShowStatus) this.$refs.keyb._keyHide()
       },
@@ -314,16 +298,13 @@
     display: flex;
     align-items: center;
     flex-direction: column;
-
     position: absolute;
-    /* bottom: 20vh; */
     top: 18vh;
     left: 12vw;
   }
 
   .card {
     width: 76vw;
-    /* height: 42vh; */
     border-radius: 2.8vw;
     background: rgba(255, 255, 255, 1);
     box-shadow: 5px 6px 18px rgba(0, 0, 0, 0.08);
@@ -363,17 +344,15 @@
     margin-top: 1vh;
     margin-left: 4vw;
     width: 68vw;
-    /* height: 5vh; */
+    height: 30px;
     border-radius: 5.8vw;
     border: 1px solid rgba(176, 179, 199, 1);
     text-indent: 4vw;
   }
 
   .buttonClass {
-    margin-top: 4vh;
-    margin-left: 4vw;
     width: 68vw;
-    /* height: 5vh; */
+    height: 30px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -381,7 +360,6 @@
     /* border: 1px solid rgba(176, 179, 199, 1); */
     background: #28d87d;
     color: white;
-    height: 5vh;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -389,11 +367,7 @@
   }
 
   .mzText {
-    position: absolute;
-    margin-top: 4vh;
-    margin-left: 4vw;
-    width: 68vw;
-    height: 5vh;
+    height: 30px;
     font-size: 2.8vw;
     color: rgba(116, 127, 158, 1);
     font-weight: 500;
@@ -402,6 +376,8 @@
     vertical-align: top;
     display: flex;
     align-items: center;
+    justify-content: center;
+    margin-top: 10px;
   }
 
   radio {