From df5b7951a92c96c035715c9b8f4306337fb39b55 Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Thu, 9 Apr 2026 16:53:32 +0800
Subject: [PATCH] =?UTF-8?q?2026-04-09=20=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/main-sidebar-sub-menu.vue |  6 +++---
 src/views/main-sidebar.vue          | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/views/main-sidebar-sub-menu.vue b/src/views/main-sidebar-sub-menu.vue
index 3fcdbe7..8f9323f 100644
--- a/src/views/main-sidebar-sub-menu.vue
+++ b/src/views/main-sidebar-sub-menu.vue
@@ -5,7 +5,7 @@
     :popper-class="'site-sidebar--' + sidebarLayoutSkin + '-popper'">
     <template slot="title">
       <icon-svg :name="menu.icon || ''" class="site-sidebar__menu-icon"></icon-svg>
-      <span>{{ menu.name }}</span>
+      <span :title="menu.name">{{ menu.name }}</span>
     </template>
     <sub-menu
       v-for="item in menu.list"
@@ -15,9 +15,9 @@
       :dynamicMenuRoutes="dynamicMenuRoutes">
     </sub-menu>
   </el-submenu>
-  <el-menu-item v-else :index="menu.menuId + ''" @click="gotoRouteHandle(menu)">
+  <el-menu-item v-else :index="menu.menuId + ''" @click="gotoRouteHandle(menu)" :title="menu.name">
     <icon-svg :name="menu.icon || ''" class="site-sidebar__menu-icon"></icon-svg>
-    <span>{{ menu.name }}</span>
+    <span :title="menu.name">{{ menu.name }}</span>
   </el-menu-item>
 </template>
 
diff --git a/src/views/main-sidebar.vue b/src/views/main-sidebar.vue
index 8ab900f..dcf1996 100644
--- a/src/views/main-sidebar.vue
+++ b/src/views/main-sidebar.vue
@@ -257,5 +257,19 @@ export default {
   border: #0BB2D4;
 }
 
+.site-sidebar__inner {
+  overflow-x: auto !important;
+}
+
+.site-sidebar__menu.el-menu {
+  width: max-content;
+  min-width: 100%;
+}
 
+.site-sidebar__menu .el-menu-item span,
+.site-sidebar__menu .el-submenu__title span {
+  display: inline-block;
+  white-space: nowrap;
+  vertical-align: middle;
+}
 </style>