From c429cd0293dbfbf6b6df539857c276d3218de754 Mon Sep 17 00:00:00 2001
From: Soybean <honghuangdc@gmail.com>
Date: Thu, 25 Nov 2021 22:02:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(components):=20=E4=BF=AE=E5=A4=8D=E5=A4=9A?=
 =?UTF-8?q?=E9=A1=B5=E7=AD=BE=E6=8C=89=E9=92=AE=E9=A3=8E=E6=A0=BC=E7=9A=84?=
 =?UTF-8?q?tab=E6=BB=9A=E5=8A=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/GlobalTab/components/MultiTab/index.vue     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/layouts/common/GlobalTab/components/MultiTab/index.vue b/src/layouts/common/GlobalTab/components/MultiTab/index.vue
index 17121fdd..5b3e4146 100644
--- a/src/layouts/common/GlobalTab/components/MultiTab/index.vue
+++ b/src/layouts/common/GlobalTab/components/MultiTab/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="theme.multiTabStyle.mode === 'chrome'" ref="chromeTabRef" class="flex items-end h-full">
+  <div v-if="theme.multiTabStyle.mode === 'chrome'" ref="tabRef" class="flex items-end h-full">
     <chrome-tab
       v-for="(item, index) in app.multiTab.routes"
       :key="item.path"
@@ -15,7 +15,7 @@
       {{ item.meta?.title }}
     </chrome-tab>
   </div>
-  <div v-if="theme.multiTabStyle.mode === 'button'" class="flex-y-center h-full">
+  <div v-if="theme.multiTabStyle.mode === 'button'" ref="tabRef" class="flex-y-center h-full">
     <button-tab
       v-for="item in app.multiTab.routes"
       :key="item.path"
@@ -70,12 +70,12 @@ function setDropdownConfig(x: number, y: number, currentPath: string) {
 }
 
 // 获取当前激活的tab的clientX
-const chromeTabRef = ref<HTMLElement | null>(null);
+const tabRef = ref<HTMLElement | null>(null);
 async function getActiveChromeTabClientX() {
   await nextTick();
   const index = app.activeMultiTabIndex;
-  if (chromeTabRef.value) {
-    const activeTabElement = chromeTabRef.value.children[index];
+  if (tabRef.value) {
+    const activeTabElement = tabRef.value.children[index];
     const { x, width } = activeTabElement.getBoundingClientRect();
     const clientX = x + width;
     setTimeout(() => {