登录页密码改成text类型

ui/src/views/login/index.vue

@@ -1,14 +1,12 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-
-      <el-form-item prop="username">
+      <el-form-item prop="username" label-width="80px" label="账号">
         <el-input
           v-model="loginForm.username"
           type="text"
           name="username"
           auto-complete="off"
-          placeholder="账号"
           tabindex="1"
           maxlength="20"
           @input="onUsernameChange"
@@ -16,13 +14,12 @@
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
         </el-input>
       </el-form-item>
-
-      <el-form-item prop="password">
+      <el-form-item prop="password"  label-width="80px" label="密码">
         <el-input
+          class="no-autofill-pwd"
           v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
+          type="text"
+          auto-complete="new-password"
           tabindex="2"
           maxlength="20"
         >
@@ -30,12 +27,11 @@
         </el-input>
       </el-form-item>
 
-      <el-form-item prop="verifyCode">
+      <el-form-item prop="verifyCode" label-width="80px" label="验证码">
         <el-input
           v-model="loginForm.verifyCode"
           auto-complete="off"
-          placeholder="4位验证码"
-          style="width: 63%"
+          style="width: 58%"
           tabindex="3"
           maxlength="4"
         >
@@ -46,12 +42,11 @@
         </div>
       </el-form-item>
 
-      <el-form-item prop="mailbox" v-if="useSendMail">
+      <el-form-item prop="mailbox" v-if="useSendMail"  label-width="80px" label="邮箱口令">
         <el-input
           v-model="loginForm.mailbox"
           auto-complete="off"
-          placeholder="6位邮箱口令"
-          style="width: 63%"
+          style="width: 58%"
           tabindex="4"
           maxlength="6"
         >
@@ -414,5 +409,11 @@ export default {
     vertical-align: middle;
   }
 }
+
+.no-autofill-pwd{
+  text-security:disc!important;
+  -webkit-text-security:disc!important;
+
+}
 </style>