theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(component): 优化 input select tag-input 禁用样式

Browse Source
This commit is contained in:
就眠儀式 2022-10-24 10:04:29 +08:00
parent 326dc13ec3
commit f9ea36149f
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package/component/src/component/select/index.vue
View File

@ -209,6 +209,7 @@ provide("multiple", multiple);
:placeholder="placeholder" :placeholder="placeholder"
:allow-clear="allowClear" :allow-clear="allowClear"
:readonly="!showSearch" :readonly="!showSearch"
:disabled="disabled"
:class="{ 'layui-unselect': !showSearch }" :class="{ 'layui-unselect': !showSearch }"
:size="size" :size="size"
@Input="handleSearch" @Input="handleSearch"

8
package/component/src/component/tagInput/index.less
View File

@ -67,12 +67,9 @@
&-disabled { &-disabled {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.4;
.layui-tag-input-clear {
cursor: not-allowed;
opacity: 0.4;
} }
&-disabled * {
cursor: not-allowed;
} }
.layui-tag { .layui-tag {
@ -138,7 +135,6 @@
.layui-tag-input:hover, .layui-tag-input:hover,
.layui-tag-input:focus-within { .layui-tag-input:focus-within {
border-color: #d2d2d2 !important;
.layui-tag-input-clear{ .layui-tag-input-clear{
visibility: visible; visibility: visible;
} }