111

src/views/authenticRight/login.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" :style="{ height: windowHeight + 'px' }">
     <div class="login_header"></div>
     <div class="login_content">
       <div class="homestead_wrap">
@@ -21,6 +21,7 @@
             <div class="signIn_input_wrap">
               <van-field
                 autosize
+                type="password"
                 placeholder="请输入密码"
                 v-model="formData.password"
               />
@@ -71,6 +72,7 @@ export default {
         uuid: null, //识别uuid
       },
       codeUrl: "", //图片验证码
+      windowHeight: 0,
       rememberPassword: false, //记住密码 1记住 2不记住
     };
   },
@@ -86,6 +88,10 @@ export default {
       this.formData.password = password;
     }
   },
+  mounted() {
+    let windowHeight = document.documentElement.clientHeight;
+    this.windowHeight = windowHeight;
+  },
   methods: {
     getCode() {
       getCodeImg().then((res) => {

src/views/homestead/login.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" :style="{ height: windowHeight + 'px' }">
     <div class="login_header"></div>
     <div class="login_content">
       <div class="homestead_wrap">
@@ -21,6 +21,7 @@
             <div class="signIn_input_wrap">
               <van-field
                 autosize
+                type="password"
                 placeholder="请输入密码"
                 v-model="formData.password"
               />
@@ -60,6 +61,7 @@
 <script>
 import { getCodeImg } from "@/api/login";
 import Cookies from "js-cookie";
+import $ from "jquery";
 export default {
   name: "homesteadLogin",
   data() {
@@ -72,6 +74,7 @@ export default {
       },
       codeUrl: "", //图片验证码
       rememberPassword: false, //记住密码 1记住 2不记住
+      windowHeight: 0,
     };
   },
   created() {
@@ -86,6 +89,10 @@ export default {
       this.formData.password = password;
     }
   },
+  mounted() {
+    let windowHeight = document.documentElement.clientHeight;
+    this.windowHeight = windowHeight;
+  },
   methods: {
     getCode() {
       getCodeImg().then((res) => {