ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-11-08 12:00:49 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

feat(table): 卡片操作按钮过多时折叠收纳（pro#6）

Browse Source 
卡片操作按钮直接子级超 3 个时第 4 个起收纳
容器级委托展开/收起
阈值写死
This commit is contained in:
augushong
2026-10-03 12:48:03 +00:00
parent e9f01e2e6d
commit ba22150bde
3 changed files with 67 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/static/admin/css/public.css
View File

@@ -885,6 +885,24 @@ table样式
}
}
/* 卡片操作按钮折叠收纳：按钮超过 3 个时其余移入隐藏容器（admin-table.js
applyCardOperatFold 移 DOM），点击"更多"锚点展开整行排列，on 态高亮 */
.ua-card-operat-more-wrap:not(.layui-hide) {
flex-basis: 100%;
display: flex;
justify-content: flex-end;
gap: 4px;
flex-wrap: wrap;
}
.ua-card-operat-more {
cursor: pointer;
color: inherit;
}
.ua-card-operat-more.on {
color: rgb(22, 183, 119);
}
.ua-card-setting-panel {
min-width: 200px;
}

19
public/static/admin/css/public.scss
View File

@@ -907,6 +907,25 @@ table样式
}
}
// 卡片操作按钮折叠收纳：按钮超过 3 个时其余移入隐藏容器（admin-table.js
// applyCardOperatFold 移 DOM），点击"更多"锚点展开整行排列，on 态高亮
.ua-card-operat-more-wrap:not(.layui-hide) {
flex-basis: 100%;
display: flex;
justify-content: flex-end;
gap: 4px;
flex-wrap: wrap;
}
.ua-card-operat-more {
cursor: pointer;
color: inherit;
&.on {
color: rgb(22, 183, 119);
}
}
// 卡片设置面板（admin-table.js listenToolbar case 'TABLE_CARD_SETTING' 产出；
// 面板骨架复用上方 .ul-nav-block 基类，此处只补面板本体、配置行与自绘开关）
.ua-card-setting-panel {