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

View File

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