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

View File

@@ -32,14 +32,14 @@
"fflate": "^0.7.3"
},
"files": [
"lib",
"es",
"types",
"umd",
"types"
"lib",
"es"
],
"browserslist": [
"current node",
"last 2 versions and > 2%",
"ie > 10"
]
}
}

View File

@@ -43,7 +43,7 @@
rel="nofollow"
class="site-star"
>
<i class="layui-icon"></i> Star <cite id="getStars">1324</cite>
<i class="layui-icon"></i> Star <cite id="getStars">1368</cite>
</a>
<a
href="https://gitee.com/layui-vue"
@@ -192,6 +192,20 @@
</a>
</lay-tooltip>
</lay-col>
<lay-col :md="3">
<lay-tooltip content="Jpom" position="top">
<a
style="height: 40px; display: inline-block"
href="https://jpom-docs.keepbx.cn"
target="_blank"
>
<lay-avatar
src="https://jpom-docs.keepbx.cn/images/jpom_logo.png"
style="background: transparent;width:60px;"
></lay-avatar>
</a>
</lay-tooltip>
</lay-col>
</lay-row>
</div>
<div class="footer footer-index">
@@ -401,6 +415,10 @@ body {
padding: 50px 250px;
}
.link-list .layui-col {
text-align: center;
}
.box {
background-color: #f9f9f9;
border: 1px solid rgba(60, 60, 60, 0.12);