From 1ce0dbc8e251f9d1b194e96b68af177e0e3c0ede Mon Sep 17 00:00:00 2001
From: XaoLi717 <144221124+XaoLi717@users.noreply.github.com>
Date: Fri, 14 Feb 2025 15:54:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=B8=83=E5=B1=80bug=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/TabMenu/src/TabMenu2.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/TabMenu/src/TabMenu2.vue b/src/layout/components/TabMenu/src/TabMenu2.vue
index 0e3f1a2..159e1d3 100644
--- a/src/layout/components/TabMenu/src/TabMenu2.vue
+++ b/src/layout/components/TabMenu/src/TabMenu2.vue
@@ -62,8 +62,8 @@ export default defineComponent({
 
     // 获取可渲染数量
     const setVisibleNumber = () => {
-      const width = document.body.getBoundingClientRect().width-600;
-      visibleNumber.value = Math.floor(width / 110);
+      const width = document.body.getBoundingClientRect().width-550;
+      visibleNumber.value = Math.floor(width / 120);
     }
 
     // 组件的生命周期钩子
@@ -212,9 +212,10 @@ export default defineComponent({
               {filteredRoutes.value.length > 0 && (
                 <ElMenu
                   mode="horizontal"
-                  style={['height: 48px']}
+                  style={['height: 47px','max-width: 100px']}
                   backgroundColor="var(--top-header-bg-color)"
                   textColor="var(--top-header-text-color)"
+                  class="dark:bg-[var(--el-bg-color)] !important"
                 >
                   {() => {
                     return unref(tabRouters).map((v, index) => {
@@ -284,4 +285,7 @@ $prefix-cls: #{$namespace}-tab-menu;
 .icon-class.hidden {
   opacity: 0;
 }
+.el-menu--horizontal.el-menu {
+  border-bottom: none !important;
+}
 </style>