From 1ffaaf5225a9b4c33cb2be01ae74026c91aa4cd4 Mon Sep 17 00:00:00 2001
From: insistence <3055204202@qq.com>
Date: Fri, 19 Dec 2025 09:35:44 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96topbar=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E8=8F=9C=E5=8D=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/styles/ruoyi.scss              | 10 ++++------
 .../src/layout/components/TopBar/index.vue    | 19 ++++++-------------
 2 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss b/ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss
index 8d71df5..c270636 100755
--- a/ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss
+++ b/ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss
@@ -156,12 +156,10 @@
 	width: inherit;
 }
 
-/* el menu */
-.el-menu-item,
-.el-sub-menu {
-	.svg-icon + span {
-		margin-left: 5px;
-	}
+/* horizontal el menu */
+.el-menu--horizontal .el-menu-item .svg-icon + span,
+.el-menu--horizontal .el-sub-menu__title .svg-icon + span {
+	margin-left: 3px;
 }
 
 .el-menu--horizontal .el-menu--popup {
diff --git a/ruoyi-fastapi-frontend/src/layout/components/TopBar/index.vue b/ruoyi-fastapi-frontend/src/layout/components/TopBar/index.vue
index d5a9733..1a2d2f7 100644
--- a/ruoyi-fastapi-frontend/src/layout/components/TopBar/index.vue
+++ b/ruoyi-fastapi-frontend/src/layout/components/TopBar/index.vue
@@ -58,6 +58,11 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
+/* menu item */
+.topbar-menu.el-menu--horizontal .el-submenu__title, .topbar-menu.el-menu--horizontal .el-menu-item {
+  padding: 0 10px !important;
+}
+
 .topbar-menu.el-menu--horizontal > .el-menu-item {
   float: left;
   height: 50px !important;
@@ -74,21 +79,9 @@ onMounted(() => {
 /* sub-menu item */
 .topbar-menu.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
   float: left;
-  height: 62px !important;
   line-height: 50px !important;
   color: #303133 !important;
-  padding: 0 5px !important;
-  margin: 0 20px -4px!important;
-}
-
-/* 背景色隐藏 */
-.topbar-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .topbar-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .topbar-menu.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
-  background-color: #ffffff;
-}
-
-/* 图标右间距 */
-.topbar-menu .svg-icon {
-  margin-right: 4px;
+  margin: 0 15px -3px!important;
 }
 
 /* topbar more arrow */