[fix 83941] 登录隐藏显示密码icon

This commit is contained in:
danshihao
2024-04-25 15:18:01 +08:00
parent 237865db97
commit e5d72ae09e
2 changed files with 21 additions and 7 deletions
+17 -3
View File
@@ -216,11 +216,11 @@ textarea.ant-input {
background-color: transparent;
transition: all .3s;
&:hover {
&:hover:not([disabled]) {
border-color: rgba(143,199,255,0.65);
box-shadow: 0 0 0 1px rgba(143,199,255,0.65) inset;
}
&:focus {
&:focus:not([disabled]) {
border-color: @primary-color;
box-shadow: 0 0 0 1px @primary-color inset;
}
@@ -587,11 +587,18 @@ button.ant-btn {
}
.danger,
.danger:hover {
color: @custom-red
color: @custom-red;
}
& > a:not(:last-child) {
margin-right: 10px;
}
// 禁用
.primary[disabled],
.primary:hover[disabled],
.danger[disabled],
.danger:hover[disabled] {
color: @border-color-base;
}
}
/* 表单begin */
@@ -738,4 +745,11 @@ button.ant-btn {
padding: 0.1rem 0.08rem;
border-width: 0.01rem;
}
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
box-shadow: none;
background-color: transparent;
}
+4 -4
View File
@@ -37,8 +37,8 @@
autocomplete="false"
placeholder="请输入密码"
>
<a-icon title="显示密码" @click="passwordType='text'" slot="suffix" v-if="passwordType==='password'" type="eye" class="password-suffix"/>
<a-icon title="隐藏密码" @click="passwordType='password'" slot="suffix" v-else type="eye-invisible" class="password-suffix"/>
<a-icon title="显示密码" @click="passwordType='text'" slot="suffix" v-if="passwordType==='password'" type="eye-invisible" class="password-suffix"/>
<a-icon title="隐藏密码" @click="passwordType='password'" slot="suffix" v-else type="eye" class="password-suffix"/>
</a-input>
</a-form-item>
</a-col>
@@ -91,8 +91,8 @@
placeholder="请输入密码"
>
<img slot="prefix" class="prefix-icon" :src="require('@assets/images/icon/password.png')" alt="密码"/>
<a-icon title="显示密码" @click="passwordType='text'" slot="suffix" v-if="passwordType==='password'" type="eye" class="password-suffix"/>
<a-icon title="隐藏密码" @click="passwordType='password'" slot="suffix" v-else type="eye-invisible" class="password-suffix"/>
<a-icon title="显示密码" @click="passwordType='text'" slot="suffix" v-if="passwordType==='password'" type="eye-invisible" class="password-suffix"/>
<a-icon title="隐藏密码" @click="passwordType='password'" slot="suffix" v-else type="eye" class="password-suffix"/>
</a-input>
</a-form-item>
</a-col>