ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-10-29 08:58:22 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

fix(theme): 清爽侧栏细节修正（导航树宽度对齐180、内边距收紧、缩进层级10/25/40）

Browse Source
This commit is contained in:
augushong
2026-10-02 06:58:27 +00:00
parent b5ce9a14d0
commit 863a36375c
2 changed files with 45 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
public/static/common/css/theme/_fresh.scss
View File

@@ -222,6 +222,26 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
left: 275px !important;
}
// 导航树宽度对齐 180（用户修正）：layui.css .layui-nav-tree{width:200px} 系五联动之外
// 的第 6 条暗规则——200px 导航盒在 180px 侧栏内右缘被裁，绝对定位 right:3px 的展开
// 箭头随之溢出不可见。包裹 +1 类稳赢；zoom 面板的导航宽度由下方 .popup-tips 规则自管。
.layuimini-menu-left .layui-nav.layui-nav-tree {
width: 180px;
}
// 菜单项左右内边距 20→10（用户修正）：layui 基线 .layui-nav .layui-nav-item a{padding:0 20px}。
// 主侧栏一级两端收紧；二三级 padding-left 由更高特异性的缩进档位接管（下方 25/40 档），
// padding-right 全级生效（箭头为绝对定位不受影响）。zoom 面板仅收右侧——其左内边距
// 承载自有层级缩进档位，平级压平层级不可取。
.layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left : 10px;
padding-right: 10px;
}
.layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
padding-right: 10px;
}
// 侧栏菜单字号 14→13px（用户定案，一/二/三级统一；头部/页签字体不动）。菜单名文字由
// span 承载，线上 CDN 分发的 layui-ul.css 以 .layui-nav * { font-size:14px }（本地
// layui.css 无此条，CSSOM 跨域拒读，常规命中分析不可见）把 span 钉死 14px，故 a 与
@@ -235,13 +255,18 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
font-size: 13px;
}
// 视觉三级（数据 L4）缩进 45→35px（用户定案）：layuimini.css 45px 档 (0,5,0) 无 !important，
// 包裹 +1 类即稳赢；35px 档（V2）与 55/65 深档按定案不动。选择器不得照抄框架源的
// .layui-layout-body 前缀——该类与 .elem-style-fresh 同挂 body（同元素非祖先），包裹后
// 永不匹配，须用真实中间档 .layui-layout-admin 堆特异性（fix-menu-height 同型前科）。
// zoom 面板无 .layuimini-menu-left 祖先不命中本规则，面板 35px 缩进来自其自有档位，保持不变。
// 层级缩进 10/25/40 三级等差（用户修正：此前 45→35 与 V2 档撞车，二三级无层次）：
// V2 档 layuimini.css (0,4,1)、V3 档 (0,5,1) 均无 !important，用真实中间档
// .layui-layout-admin 堆特异性逐级反杀（.layui-layout-body 前缀与 .elem-style-fresh
// 同挂 body 永不匹配——fix-menu-height 同型前科）。L3 同时命中两档时本组 V3 (0,6,1)
// 压过本组 V2 (0,5,1)，层级自洽与加载顺序无关。zoom 面板无 .layuimini-menu-left
// 祖先不命中，自有档位保持。
.layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child a {
padding-left: 25px;
}
.layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 35px;
padding-left: 40px;
}
// zoom 悬浮面板 150→170px（用户定案；layuimini.css (0,2,0) 无 !important，包裹即稳赢；

15
public/static/common/css/theme/index.css
View File

@@ -2305,14 +2305,27 @@
.elem-style-fresh .layui-layout-left {
left: 275px !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav.layui-nav-tree {
width: 180px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left: 10px;
padding-right: 10px;
}
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
padding-right: 10px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a,
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a .layui-left-nav,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a .layui-left-nav {
font-size: 13px;
}
.elem-style-fresh .layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child a {
padding-left: 25px;
}
.elem-style-fresh .layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 35px;
padding-left: 40px;
}
.elem-style-fresh .popup-tips .layui-nav-tree {
width: 170px;