✨(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>
|
||||
|
||||
@@ -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"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user