github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

input: icon toggle between show and hide password 

Icon library does not have closed-eye icons,
use el-icon-minus to simulate closed-eye icons.

Fix: #22316

Signed-off-by: Dongdong Zhang <zhangdongdong@eswincomputing.com>
pull/22451/head
Dongdong Zhang 2023-03-17 16:30:21 +08:00
parent f14b5ba540
commit c7937d3458
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/input/src/input.vue
View File

@ -65,7 +65,8 @@
@click="clear" @click="clear"
></i> ></i>
<i v-if="showPwdVisible" <i v-if="showPwdVisible"
class="el-input__icon el-icon-view el-input__clear" class="el-input__icon el-input__clear"
:class="passwordVisible ? 'el-icon-view' : 'el-icon-minus'"
@click="handlePasswordVisible" @click="handlePasswordVisible"
></i> ></i>
<span v-if="isWordLimitVisible" class="el-input__count"> <span v-if="isWordLimitVisible" class="el-input__count">