Merge 6f38034c14927559c31c48a6420bf97bc7838bec into 4f637d76e651280d15f6d7c1ac8689dd41b11f80

fix: 路由标签较多，屏幕较窄情况下没有左右滚动条
2025-05-01 14:49:00 +08:00 · 2024-05-06 08:57:06 +08:00 · 2024-04-30 09:55:23 +08:00
1 changed files with 19 additions and 16 deletions
--- a/src/layouts/components/tab/index.vue
+++ b/src/layouts/components/tab/index.vue
@ -8,23 +8,26 @@

 <template>
  <div>
-    <n-tabs
-      :value="tabStore.activeTab"
-      :closable="tabStore.tabs.length > 1"
-      :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
-      type="card"
-      @close="(path) => tabStore.removeTab(path)"
-    >
-      <n-tab
-        v-for="item in tabStore.tabs"
-        :key="item.path"
-        :name="item.path"
-        @click="handleItemClick(item.path)"
-        @contextmenu.prevent="handleContextMenu($event, item)"
+    <n-scrollbar x-scrollable>
+      <n-tabs
+        :value="tabStore.activeTab"
+        :closable="tabStore.tabs.length > 1"
+        class="py-10"
+        :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
+        type="card"
+        @close="(path) => tabStore.removeTab(path)"
      >
-        {{ item.title }}
-      </n-tab>
-    </n-tabs>
+        <n-tab
+          v-for="item in tabStore.tabs"
+          :key="item.path"
+          :name="item.path"
+          @click="handleItemClick(item.path)"
+          @contextmenu.prevent="handleContextMenu($event, item)"
+        >
+          {{ item.title }}
+        </n-tab>
+      </n-tabs>
+    </n-scrollbar>

    <ContextMenu
      v-if="contextMenuOption.show"
Author	SHA1	Message	Date
qiaofugui	693c4542ef	Merge 6f38034c14927559c31c48a6420bf97bc7838bec into 4f637d76e651280d15f6d7c1ac8689dd41b11f80	2024-05-06 08:57:06 +08:00
qiaoronggui	6f38034c14	fix: 路由标签较多，屏幕较窄情况下没有左右滚动条	2024-04-30 09:55:23 +08:00