diff --git a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
index 1be778007..fe0961413 100644
--- a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
+++ b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
@@ -55,10 +55,21 @@ const style = computed((): CSSProperties => {
-
+
+
+
diff --git a/packages/@core/ui-kit/layout-ui/src/components/layout-tabbar.vue b/packages/@core/ui-kit/layout-ui/src/components/layout-tabbar.vue
index 148600e13..03851eaab 100644
--- a/packages/@core/ui-kit/layout-ui/src/components/layout-tabbar.vue
+++ b/packages/@core/ui-kit/layout-ui/src/components/layout-tabbar.vue
@@ -23,7 +23,7 @@ const style = computed((): CSSProperties => {
diff --git a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
index bf7d7753f..e6a40a48c 100644
--- a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
+++ b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
@@ -482,6 +482,18 @@ const idMainContent = ELEMENT_ID_MAIN_CONTENT;
+
+
diff --git a/packages/@core/ui-kit/menu-ui/src/components/menu.vue b/packages/@core/ui-kit/menu-ui/src/components/menu.vue
index 887604567..c27c55f5d 100644
--- a/packages/@core/ui-kit/menu-ui/src/components/menu.vue
+++ b/packages/@core/ui-kit/menu-ui/src/components/menu.vue
@@ -374,6 +374,7 @@ $namespace: vben;
@mixin menu-item-active {
color: var(--menu-item-active-color);
+ font-weight: 600; /* 选中时字体加粗 */
text-decoration: none;
cursor: pointer;
background: var(--menu-item-active-background-color);
@@ -481,13 +482,13 @@ $namespace: vben;
// --menu-submenu-opened-background-color: hsl(var(--menu-opened));
--menu-item-background-color: var(--menu-background-color);
--menu-item-color: hsl(var(--foreground));
- --menu-item-hover-color: var(--menu-item-color);
+ --menu-item-hover-color: #e06c00; /* 悬浮时橙色 */
--menu-item-hover-background-color: hsl(var(--accent));
- --menu-item-active-color: hsl(var(--primary));
+ --menu-item-active-color: #b34e00; /* 选中时深橙色 */
--menu-item-active-background-color: hsl(var(--primary) / 15%);
- --menu-submenu-hover-color: hsl(var(--primary));
+ --menu-submenu-hover-color: #e06c00; /* 子菜单悬浮时橙色 */
--menu-submenu-hover-background-color: hsl(var(--accent));
- --menu-submenu-active-color: hsl(var(--primary));
+ --menu-submenu-active-color: #b34e00; /* 子菜单选中时深橙色 */
--menu-submenu-active-background-color: transparent;
--menu-submenu-background-color: var(--menu-background-color);
}
@@ -769,6 +770,7 @@ $namespace: vben;
&:not(.is-active):hover {
color: var(--menu-item-hover-color);
+ font-weight: 600; /* 悬浮时字体加粗 */
text-decoration: none;
cursor: pointer;
background: var(--menu-item-hover-background-color) !important;