style: Add a password visibility option to the password input field.

This commit is contained in:
jmal 2024-01-05 09:53:12 +08:00
parent bd8623440b
commit a7f720d0b7
2 changed files with 3 additions and 4 deletions

View File

@ -75,7 +75,6 @@
"connect": "3.6.6",
"eslint": "^5.15.3",
"html-webpack-plugin": "3.2.0",
"mockjs": "1.0.1-beta3",
"runjs": "^4.3.2",
"sass": "1.52.1",
"sass-loader": "7.3.1",

View File

@ -14,13 +14,13 @@
<el-dialog class="dialog-cm" width="400px" :title="passwordFormTitle" :visible.sync="dialogChangePassword">
<el-form ref="passwordForm" size="medium" :model="passwordForm" :rules="rules" label-width="100px" @submit.native.prevent>
<el-form-item v-show="!validOldPass" label="旧密码" prop="oldPassword">
<el-input type="password" v-model="passwordForm.oldPassword" @keyup.enter.native="onSavePassword"/>
<el-input type="password" v-model="passwordForm.oldPassword" @keyup.enter.native="onSavePassword" show-password />
</el-form-item>
<el-form-item v-show="validOldPass" label="新密码" prop="password">
<el-input ref="newPasswordInput" type="password" v-model="passwordForm.password"/>
<el-input ref="newPasswordInput" type="password" v-model="passwordForm.password" show-password/>
</el-form-item>
<el-form-item v-show="validOldPass" label="确认新密码" prop="checkPass">
<el-input type="password" v-model="passwordForm.checkPass" @keyup.enter.native="onSavePassword"/>
<el-input type="password" v-model="passwordForm.checkPass" @keyup.enter.native="onSavePassword" show-password/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">