新增头部模块菜单更多折叠与面板收藏样式

This commit is contained in:
augushong
2026-10-10 12:59:53 +00:00
parent f101e89767
commit e150f24539

View File

@@ -960,4 +960,66 @@
.layuimini-multi-module.layuimini-mini .layuimini-header-content .layui-layout-right {
display: none;
}
}
/**头部模块菜单-更多与面板*/
.layuimini-header-more {
color : #1b1d21;
height : 60px !important;
line-height: 60px !important;
}
.layuimini-header-more>a {
height : 60px !important;
line-height: 60px !important;
}
.layuimini-header-more:hover>.layui-nav-child {
display : block;
animation: layui-upbit .3s;
}
.layuimini-header-more .layui-nav-child {
max-height: 60vh;
overflow-y: auto;
min-width : 140px;
}
.layuimini-module-panel {
padding : 20px;
max-height : 70vh;
overflow-y : auto;
background : #fff;
color : #333;
}
.layuimini-module-panel-grid {
display : grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap : 12px;
}
.layuimini-module-panel-item {
cursor : pointer;
text-align : center;
padding : 12px 8px;
border-radius: 6px;
}
.layuimini-module-panel-item:hover {
background: rgba(0, 0, 0, .06);
}
.layuimini-module-panel-item .fa {
font-size: 22px;
}
.layuimini-module-panel-item .layuimini-star {
color : #c2c2c2;
cursor : pointer;
transition: color .2s;
}
.layuimini-star.layuimini-star-active {
color: #ffb800;
}