KH/kh-device-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/less/common.less
+17 -3
View File
@@ -216,11 +216,11 @@ textarea.ant-input {
background-color: transparent; background-color: transparent;
transition: all .3s; transition: all .3s;
&:hover { &:hover:not([disabled]) {
border-color: rgba(143,199,255,0.65); border-color: rgba(143,199,255,0.65);
box-shadow: 0 0 0 1px rgba(143,199,255,0.65) inset; box-shadow: 0 0 0 1px rgba(143,199,255,0.65) inset;
} }
&:focus { &:focus:not([disabled]) {
border-color: @primary-color; border-color: @primary-color;
box-shadow: 0 0 0 1px @primary-color inset; box-shadow: 0 0 0 1px @primary-color inset;
} }
@@ -587,11 +587,18 @@ button.ant-btn {
} }
.danger, .danger,
.danger:hover { .danger:hover {
color: @custom-red color: @custom-red;
} }
& > a:not(:last-child) { & > a:not(:last-child) {
margin-right: 10px; margin-right: 10px;
} }
// 禁用
.primary[disabled],
.primary:hover[disabled],
.danger[disabled],
.danger:hover[disabled] {
color: @border-color-base;
}
} }
/* 表单begin */ /* 表单begin */
@@ -738,4 +745,11 @@ button.ant-btn {
padding: 0.1rem 0.08rem; padding: 0.1rem 0.08rem;
border-width: 0.01rem; border-width: 0.01rem;
} }
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
box-shadow: none;
background-color: transparent;
} }
src/views/user/Login.vue
+4 -4
View File
@@ -37,8 +37,8 @@
autocomplete="false" autocomplete="false"
placeholder="请输入密码" placeholder="请输入密码"
> >
<a-icon title="显示密码" @click="passwordType='text'" slot="suffix" v-if="passwordType==='password'" type="eye" 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-invisible" class="password-suffix"/> <a-icon title="隐藏密码" @click="passwordType='password'" slot="suffix" v-else type="eye" class="password-suffix"/>
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@@ -91,8 +91,8 @@
placeholder="请输入密码" placeholder="请输入密码"
> >
<img slot="prefix" class="prefix-icon" :src="require('@assets/images/icon/password.png')" alt="密码"/> <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='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-invisible" class="password-suffix"/> <a-icon title="隐藏密码" @click="passwordType='password'" slot="suffix" v-else type="eye" class="password-suffix"/>
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>