2026-04-09

导航栏优化

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>
 

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>