fix(theme): 清爽侧栏收窄至160并缩进三收紧(8/16/24)

This commit is contained in:
augushong
2026-10-02 10:22:32 +00:00
parent fb0734c1fe
commit d8ca01fbd7
2 changed files with 30 additions and 29 deletions

View File

@@ -196,30 +196,29 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
background-color: rgba(127, 127, 127, 0.15) !important;
}
// 侧栏展开宽度 180→170(用户定案)与五联动(W=170):.layui-side width / .layui-body left /
// .layuimini-logo width / .layuimini-tool left(=W+35) 四条框架源规则均无 !important,
// .elem-style-fresh 包裹 +1 类即稳赢;.layui-layout-left left(=W+75) 框架源带 !important
// (layuimini.css (0,1,0)!),须同姿态反杀(包裹后 (0,2,0)!)。收起态 60px 为独立体系:
// 框架收起态规则全带 !important 且特异性更高(layout-left 收起态 (0,4,0)! > 本组 (0,2,0)!),
// 整体压制本组声明,收起态零影响,无需 :not 排除。
// 侧栏展开宽度 170→160(用户定案,13px 字号下安全下限)与五联动(W=160):
// .layui-side width / .layui-body left / .layuimini-logo width /
// .layuimini-tool left(=W+35) 四条框架源规则均无 !important,包裹 +1 类即稳赢;
// .layui-layout-left left(=W+75) 框架源带 !important(layuimini.css (0,1,0)!),
// 须同姿态反杀。收起态 60px 独立体系(框架全 !important 更高特异性)零影响。
.layui-side {
width: 170px;
width: 160px;
}
.layui-body {
left: 170px;
left: 160px;
}
.layuimini-logo {
width: 170px;
width: 160px;
}
.layuimini-tool {
left: 205px;
left: 195px;
}
.layui-layout-left {
left: 245px !important;
left: 235px !important;
}
// 控制按钮收紧(用户修正):layuimini.css 基线 .layuimini-tool{width:60px}(60px 头部
@@ -248,15 +247,16 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
// 的第 6 条暗规则——200px 导航盒在 180px 侧栏内右缘被裁,绝对定位 right:3px 的展开
// 箭头随之溢出不可见。包裹 +1 类稳赢;zoom 面板的导航宽度由下方 .popup-tips 规则自管。
.layuimini-menu-left .layui-nav.layui-nav-tree {
width: 170px;
width: 160px;
}
// 菜单项左右内边距 20→10(用户修正):layui 基线 .layui-nav .layui-nav-item a{padding:0 20px}。
// 主侧栏一级两端收紧;二三级 padding-left 由更高特异性的缩进档位接管(下方 25/40 档),
// padding-right 全级生效(箭头为绝对定位不受影响)。zoom 面板仅收右侧——其左内边距
// 承载自有层级缩进档位,平级压平层级不可取。
// 菜单项左右内边距 20→8(用户三轮收紧:20→10→8,随缩进档 8/16/24 同步):
// layui 基线 .layui-nav .layui-nav-item a{padding:0 20px}。主侧栏一级两端收紧;
// 二三级 padding-left 由更高特异性的缩进档位接管(下方 16/24 档),padding-right
// 全级生效(箭头为绝对定位不受影响)。zoom 面板仅收右侧——其左内边距承载自有
// 层级缩进档位,平级压平层级不可取。
.layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left : 10px;
padding-left : 8px;
padding-right: 10px;
}
@@ -285,18 +285,19 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
font-size: 13px;
}
// 层级缩进 10/20/30 等差 10px(用户二次收紧:原 10/25/40,为侧栏 170 腾位):
// 层级缩进 8/16/24 等差 8px(用户三轮收紧:10/25/40 → 10/20/30 → 8/16/24,配合侧栏
// 160px;13px 字号下限:最长三级项内容需 缩进+129px,24px 档余量约 7px):
// 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: 20px;
padding-left: 16px;
}
.layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 30px;
padding-left: 24px;
}
// zoom 悬浮面板 150→170px(用户定案;layuimini.css (0,2,0) 无 !important,包裹即稳赢;

View File

@@ -2291,19 +2291,19 @@
background-color: rgba(127, 127, 127, 0.15) !important;
}
.elem-style-fresh .layui-side {
width: 170px;
width: 160px;
}
.elem-style-fresh .layui-body {
left: 170px;
left: 160px;
}
.elem-style-fresh .layuimini-logo {
width: 170px;
width: 160px;
}
.elem-style-fresh .layuimini-tool {
left: 205px;
left: 195px;
}
.elem-style-fresh .layui-layout-left {
left: 245px !important;
left: 235px !important;
}
.elem-style-fresh:not(.layuimini-mini) .layuimini-tool {
width: 40px;
@@ -2316,10 +2316,10 @@
padding-left: 20px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav.layui-nav-tree {
width: 170px;
width: 160px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left: 10px;
padding-left: 8px;
padding-right: 10px;
}
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
@@ -2336,10 +2336,10 @@
font-size: 13px;
}
.elem-style-fresh .layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child a {
padding-left: 20px;
padding-left: 16px;
}
.elem-style-fresh .layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 30px;
padding-left: 24px;
}
.elem-style-fresh .popup-tips .layui-nav-tree {
width: 170px;