给密码的输入框增加预览的图标

This commit is contained in:
jishenghua 2025-02-04 15:20:59 +08:00
parent 9566071e91
commit b729ec87df
3 changed files with 7 additions and 7 deletions

View File

@ -17,13 +17,13 @@
<a-spin :spinning="confirmLoading"> <a-spin :spinning="confirmLoading">
<a-form :form="form"> <a-form :form="form">
<a-form-item label="旧密码" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="旧密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input type="password" placeholder="请输入旧密码" v-decorator="[ 'oldpassword', validatorRules.oldpassword]" /> <a-input-password type="password" placeholder="请输入旧密码" v-decorator="[ 'oldpassword', validatorRules.oldpassword]" />
</a-form-item> </a-form-item>
<a-form-item label="新密码" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="新密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input type="password" placeholder="新密码至少6位区分大小写" v-decorator="[ 'password', validatorRules.password]" /> <a-input-password type="password" placeholder="新密码至少6位区分大小写" v-decorator="[ 'password', validatorRules.password]" />
</a-form-item> </a-form-item>
<a-form-item label="确认新密码" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="确认新密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input type="password" placeholder="请确认新密码" v-decorator="[ 'confirmPassword', validatorRules.confirmPassword]"/> <a-input-password type="password" placeholder="请确认新密码" v-decorator="[ 'confirmPassword', validatorRules.confirmPassword]"/>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-spin> </a-spin>

View File

@ -13,14 +13,14 @@
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-input <a-input-password
v-decorator="['password',{initialValue:'', rules: validatorRules.password.rules}]" v-decorator="['password',{initialValue:'', rules: validatorRules.password.rules}]"
size="large" size="large"
type="password" type="password"
autocomplete="false" autocomplete="false"
placeholder="请输入密码"> placeholder="请输入密码">
<a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/> <a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/>
</a-input> </a-input-password>
</a-form-item> </a-form-item>
<a-row :gutter="0"> <a-row :gutter="0">

View File

@ -22,7 +22,7 @@
<a-form-item <a-form-item
fieldDecoratorId="password" fieldDecoratorId="password"
:fieldDecoratorOptions="{rules: [{ required: false}, { validator: this.handlePasswordLevel }], validateTrigger: ['change', 'blur'], validateFirst: true}"> :fieldDecoratorOptions="{rules: [{ required: false}, { validator: this.handlePasswordLevel }], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input size="large" type="password" @click="handlePasswordInputClick" autocomplete="false" placeholder="至少6位密码区分大小写"></a-input> <a-input-password size="large" type="password" @click="handlePasswordInputClick" autocomplete="false" placeholder="至少6位密码区分大小写"></a-input-password>
</a-form-item> </a-form-item>
</a-popover> </a-popover>
@ -30,7 +30,7 @@
fieldDecoratorId="password2" fieldDecoratorId="password2"
:fieldDecoratorOptions="{rules: [{ required: true, message: '至少6位密码区分大小写' }, { validator: this.handlePasswordCheck }], validateTrigger: ['change', 'blur'], validateFirst: true}"> :fieldDecoratorOptions="{rules: [{ required: true, message: '至少6位密码区分大小写' }, { validator: this.handlePasswordCheck }], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input size="large" type="password" autocomplete="false" placeholder="确认密码"></a-input> <a-input-password size="large" type="password" autocomplete="false" placeholder="确认密码"></a-input-password>
</a-form-item> </a-form-item>
<a-row :gutter="0"> <a-row :gutter="0">