From 0c2420aa47963dd9b7cc77a6ce36d15b4b49c2e1 Mon Sep 17 00:00:00 2001 From: root Date: Thu, 24 Sep 2026 13:25:49 +0800 Subject: [PATCH] =?utf8?q?fix:=20=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95?= =?utf8?q?=E5=AD=97=E4=BD=93=E4=B8=8E=E5=9B=BE=E6=A0=87=E9=97=B4=E8=B7=9D?= =?utf8?q?=E5=AF=B9=E9=BD=90=20React=20=E6=A0=87=E5=87=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit - brand-tokens.css: --ant-font-family 改为 theme.json 同款字体栈(Roboto/Oxygen/Ubuntu...) - menu.less: 菜单项/子菜单标题 icon 与文字间距设为 8px(折叠态取消, popup 同步) --- src-vue/components/menu.less | 16 ++++++++++++++++ src-vue/styles/brand-tokens.css | 2 +- 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src-vue/components/menu.less b/src-vue/components/menu.less index ef23058..f74b68a 100644 --- a/src-vue/components/menu.less +++ b/src-vue/components/menu.less @@ -16,6 +16,12 @@ --el-menu-active-color: var(--ant-color-primary); border-right: 0; + // icon 与文字间距对齐 antd 菜单实测值(8px) + .el-menu-item > .sb-svg-icon, + .el-sub-menu__title > .sb-svg-icon { + margin-right: 8px; + } + .el-menu-item { margin: 0; width: 100%; @@ -81,6 +87,11 @@ background: #E1E1E1; border-right: 1px solid #C8C8C8; + // 折叠态图标居中,取消间距 + .sb-svg-icon { + margin-right: 0; + } + .el-menu-item { margin-top: 4px; @@ -125,6 +136,11 @@ padding-left: 0; min-width: 0; + .el-menu-item > .sb-svg-icon, + .el-sub-menu__title > .sb-svg-icon { + margin-right: 8px; + } + .el-menu-item { width: unset; margin-inline: 0; diff --git a/src-vue/styles/brand-tokens.css b/src-vue/styles/brand-tokens.css index 67684ae..660a77d 100644 --- a/src-vue/styles/brand-tokens.css +++ b/src-vue/styles/brand-tokens.css @@ -64,7 +64,7 @@ --ant-line-height: 1.5; --ant-line-height-sm: 1.4; --ant-line-height-heading-4: 1.4; - --ant-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; + --ant-font-family: "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --ant-font-weight-strong: 600; --ant-table-border-color: #f0f0f0; --ant-table-header-color: #323233; -- 2.43.0