[新增] dropdown 下拉菜单

This commit is contained in:
就眠仪式
2021-10-07 02:03:35 +08:00
parent 989aa56af0
commit ef543323c5
9 changed files with 147 additions and 97 deletions

View File

@@ -1,63 +0,0 @@
.layui-avatar {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #000000d9;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: tnum;
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: #ccc;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 4px;
}
.layui-avatar.layui-avatar-radius {
border-radius: 50%;
}
.layui-avatar.layui-avatar-sm {
height: 30px;
width: 30px;
}
.layui-avatar.layui-avatar-lg {
height: 36px;
width: 36px;
}
.layui-avatar.layui-avatar-xs {
height: 28px;
width: 28px;
}
.layui-empty{
margin: 0 8px;
font-size: 14px;
line-height: 22px;
text-align: center;
}
.layui-empty-image{
height: 100px;
margin-bottom: 8px;
}
.layui-empty-image img {
height: 100%;
margin: auto;
}
.layui-empty-description{
margin: 0;
}

View File

@@ -4404,27 +4404,28 @@ body .layui-table-tips .layui-layer-content {
}
.layui-dropdown {
position: absolute;
left: -999999px;
top: -999999px;
z-index: 66666666;
margin: 5px 0;
min-width: 100px
position: relative;
display: inline-block;
}
.layui-dropdown:before {
content: "";
.layui-dropdown dl {
display: none;
position: absolute;
width: 100%;
height: 6px;
left: 0;
top: -6px
top: 42px;
padding: 5px 0;
z-index: 899;
min-width: 100%;
border: 1px solid #eee;
max-height: 300px;
overflow-y: auto;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box
}
.layui-dropdown .layui-none {
line-height: 26px;
color: #999;
text-align: center
.layui-dropdown-up dl {
display: block
}
.layui-iconpicker {
@@ -6293,6 +6294,70 @@ body .layui-util-face .layui-layer-content {
color: #999
}
.layui-avatar {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #000000d9;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: tnum;
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: #ccc;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 4px;
}
.layui-avatar.layui-avatar-radius {
border-radius: 50%;
}
.layui-avatar.layui-avatar-sm {
height: 30px;
width: 30px;
}
.layui-avatar.layui-avatar-lg {
height: 36px;
width: 36px;
}
.layui-avatar.layui-avatar-xs {
height: 28px;
width: 28px;
}
.layui-empty{
margin: 0 8px;
font-size: 14px;
line-height: 22px;
text-align: center;
}
.layui-empty-image{
height: 100px;
margin-bottom: 8px;
}
.layui-empty-image img {
height: 100%;
margin: auto;
}
.layui-empty-description{
margin: 0;
}
.layui-anim {
-webkit-animation-duration: .3s;
-webkit-animation-fill-mode: both;