(component): 统一级别联动与下拉选择图标

This commit is contained in:
就眠儀式
2022-07-28 20:42:46 +08:00
parent 19b1dd5c88
commit 9b3c929b6b
7 changed files with 467 additions and 34 deletions

View File

@@ -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);
}

View File

@@ -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"

View File

@@ -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;

View File

@@ -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>