style(管理端): 优化收起态菜单高亮样式及圆角风格

This commit is contained in:
From-wh 2026-09-30 14:14:07 +08:00 committed by 吴昊天
parent 106b64246c
commit ebab98c2c4

View File

@ -407,6 +407,20 @@
justify-content: center;
}
// 收起态选中二/三级页面(路由落在分组内)时,所属一级分组与叶子项一样高亮:
// EP 会把 is-active 向上传播到 rail 的一级 sub-menu,但原生只有文字变色(无底色),
// 窄条上辨识不出当前所在模块。叶子项高亮同样式(背景/文字变量一致,深色模式随变量自动适配);
// 展开态父级维持原设计不做选中标识,故限定收起态。
.layout-aside .el-menu--collapse > .el-sub-menu.is-active > .el-sub-menu__title {
color: var(--prev-MenuActiveColor) !important;
background-color: var(--prev-bg-menu-hover-ba-color) !important;
}
// 圆角风格下补内缩圆角:叶子项的圆角由 .columns-round 自带,分组标题只有 margin
.layout-aside .el-menu--collapse.columns-round > .el-sub-menu.is-active > .el-sub-menu__title {
border-radius: 5px;
}
// 小屏侧栏抽屉(layout/aside.vue):清零全局抽屉 body 的 20px 35px 内边距——
// 该内边距面向详情/编辑抽屉内容;侧栏菜单需占满抽屉宽度,
// 否则 180px 抽屉被左右各吃 35px 后仅剩 110px,二级菜单(缩进 40 + 图标 + 文字)被截断