✨(component): 统一级别联动与下拉选择图标
This commit is contained in:
@@ -37,12 +37,12 @@
|
||||
.layui-cascader .layui-input-suffix{
|
||||
padding-right: 10px;
|
||||
}
|
||||
.layui-cascader .layui-icon-down {
|
||||
.layui-cascader .layui-icon-triangle-d {
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform: rotate(0);
|
||||
color:var(--global-neutral-color-8);
|
||||
}
|
||||
.layui-cascader-opend .layui-icon-down {
|
||||
.layui-cascader-opend .layui-icon-triangle-d {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<lay-input
|
||||
v-model="displayValue"
|
||||
readonly
|
||||
suffix-icon="layui-icon-down"
|
||||
suffix-icon="layui-icon-triangle-d"
|
||||
:placeholder="placeholder"
|
||||
v-if="!slots.default"
|
||||
:allow-clear="allowClear"
|
||||
|
||||
@@ -145,7 +145,7 @@ dl.layui-anim-upbit > dd .layui-form-checkbox,
|
||||
}
|
||||
}
|
||||
|
||||
.layui-form-select .layui-icon-down {
|
||||
.layui-form-select .layui-icon-triangle-d {
|
||||
display: inline-block;
|
||||
transition: all 0.3s;
|
||||
-webkit-transition: all 0.3s;
|
||||
|
||||
@@ -210,7 +210,7 @@ provide("keyword", txt);
|
||||
<span class="layui-input-icon-area">
|
||||
<i
|
||||
:class="[
|
||||
'layui-icon layui-icon-down',
|
||||
'layui-icon layui-icon-triangle-d',
|
||||
{ 'layui-disabled': disabled },
|
||||
]"
|
||||
:style="{ transform: `rotate(${openState ? 180 : 0}deg)` }"
|
||||
@@ -270,7 +270,7 @@ provide("keyword", txt);
|
||||
</lay-input>
|
||||
</div>
|
||||
<template v-if="!multiple && showEmpty && !props.create">
|
||||
<lay-select-option :value="null" :label="emptyMessage ?? placeholder" />
|
||||
<lay-select-option value="-1" :label="emptyMessage ?? placeholder" />
|
||||
</template>
|
||||
<template v-if="props.create">
|
||||
<dd @click="emit('create', txt)">{{ txt }}</dd>
|
||||
|
||||
Reference in New Issue
Block a user