refactor(components): basicLayout布局组件重构完成：根据NavMode拆分为多个布局组件

src/layouts/BasicLayout/components/common/GlobalTab/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="multi-tab flex-center w-full pl-16px" :style="{ height: multiTabHeight }">
+    <div class="flex-1-hidden h-full">
+      <better-scroll :options="{ scrollX: true, scrollY: false, click: isMobile }">
+        <multi-tab />
+      </better-scroll>
+    </div>
+    <reload-button />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useRoute } from 'vue-router';
+import { useAppStore } from '@/store';
+import { useLayoutConfig, routeFullPathWatcher, useIsMobile } from '@/composables';
+import { BetterScroll } from '@/components';
+import { MultiTab, ReloadButton } from './components';
+
+const route = useRoute();
+const { initMultiTab, addMultiTab, setActiveMultiTab } = useAppStore();
+const { multiTabHeight } = useLayoutConfig();
+const isMobile = useIsMobile();
+
+function init() {
+  initMultiTab();
+}
+
+routeFullPathWatcher(fullPath => {
+  addMultiTab(route);
+  setActiveMultiTab(fullPath);
+});
+
+// 初始化
+init();
+</script>
+<style scoped>
+.multi-tab {
+  box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
+}
+</style>