Merge 6f38034c14927559c31c48a6420bf97bc7838bec into 005aa609829820d5fc804ff00ee0b2c3751ec5ac

README.md

@@ -73,3 +73,9 @@ Vue Naive Admin 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + My
 - [isme-java-serve](https://github.com/DHBin/isme-java-serve): 一个轻量级的Java后端服务，基于SpringBoot、MybatisPlus、SaToken、MapStruct等实现，已对接 Vue Naive Admin 2.0。
 - [naive-admin-go](https://github.com/ituserxxx/naive-admin-go): 一个 Go 后端服务，基于 gin、gorm、mysql、jwt和session，已对接 Vue Naive Admin 2.0。
 
+## 入群交流
+
+添加微信，拉你进群
+
+![](https://static.isme.top/image/coder_wx.jpg)
+

src/layouts/components/tab/index.vue

@@ -8,23 +8,26 @@
 
 <template>
   <div>
-    <n-tabs
+    <n-scrollbar x-scrollable>
-      :value="tabStore.activeTab"
+      <n-tabs
-      :closable="tabStore.tabs.length > 1"
+        :value="tabStore.activeTab"
-      :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
+        :closable="tabStore.tabs.length > 1"
-      type="card"
+        class="py-10"
-      @close="(path) => tabStore.removeTab(path)"
+        :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
-    >
+        type="card"
-      <n-tab
+        @close="(path) => tabStore.removeTab(path)"
-        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-tab>
+          v-for="item in tabStore.tabs"
-    </n-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"