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

fix(table): 卡片设置图标归位右侧图标组最左并修复面板悬停透明

Browse Source 
- 入口改为 defaultToolbar 头部插入（unshift），图标渲染于筛选列左侧，撤掉左侧 layui-btn 方案
- 面板改挂 .layui-table-tool 并按图标坐标内联定位（右缘对齐图标、向下展开），不再嵌于图标元素内
- 根治悬停透明：原面板挂在 .layui-btn 内，layui .layui-btn:hover 的 opacity:.8 继承到整棵面板子树
This commit is contained in:
augushong
2026-10-05 07:18:08 +00:00
parent faf00f324f
commit 47b9f355b0
3 changed files with 77 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -905,18 +905,13 @@ table样式
/* 卡片设置面板（admin-table.js toggleCardSettingPanel 产出；面板骨架复用上方
.ul-nav-block 基类，此处补面板本体定位与视觉（与 .table-tpl-container 视图
切换下拉同语言）、配置行与自绘开关）。入口按钮 .ua-card-setting-btn 由受控
接线追加至左侧工具栏容器 .layui-table-tool-temp 末尾，position:relative 供
面板相对按钮向下展开锚定；按钮不带 lay-event，点击直调开关函数 */
.ua-card-setting-btn {
position: relative;
margin-left: 10px;
}
切换下拉同语言）、配置行与自绘开关）。入口为右侧 defaultToolbar 图标组
最左侧的 TABLE_CARD_SETTING 图标；面板由受控接线 append 至本表的
.layui-table-tool（layui 已 position:relative），left/top 不在此声明，
打开时经 getBoundingClientRect 差值内联定位（右缘对齐图标右缘、顶边贴
图标下沿），向下向左展开 */
.ua-card-setting-panel {
position: absolute;
left: 0;
top: 100%;
z-index: 999;
min-width: 200px;
border: 1px solid #d2d2d2;

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

@@ -928,18 +928,13 @@ table样式
// 卡片设置面板（admin-table.js toggleCardSettingPanel 产出；面板骨架复用上方
// .ul-nav-block 基类，此处补面板本体定位与视觉（与 .table-tpl-container 视图
// 切换下拉同语言）、配置行与自绘开关）。入口按钮 .ua-card-setting-btn 由受控
// 接线追加至左侧工具栏容器 .layui-table-tool-temp 末尾，position:relative 供
// 面板相对按钮向下展开锚定；按钮不带 lay-event，点击直调开关函数
.ua-card-setting-btn {
position: relative;
margin-left: 10px;
}
// 切换下拉同语言）、配置行与自绘开关）。入口为右侧 defaultToolbar 图标组
// 最左侧的 TABLE_CARD_SETTING 图标；面板由受控接线 append 至本表的
// .layui-table-tool（layui 已 position:relative），left/top 不在此声明，
// 打开时经 getBoundingClientRect 差值内联定位（右缘对齐图标右缘、顶边贴
// 图标下沿），向下向左展开
.ua-card-setting-panel {
position: absolute;
left: 0;
top: 100%;
z-index: 999;
min-width: 200px;
border: 1px solid #d2d2d2;