From 46dc7eb69e4aef3482055de81f555d7163fb0f01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=95=8A=E4=BF=8A?= <735878602@qq.com>
Date: Sat, 17 Jul 2021 20:07:56 +0800
Subject: [PATCH] fix Bug

---
 src/layout/components/TagsView/index.vue | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 6778524..ae7eb94 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -52,7 +52,19 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, computed, ref, toRefs, toRaw, unref, provide, watch, onMounted, nextTick } from 'vue'
+import {
+  defineComponent,
+  reactive,
+  computed,
+  ref,
+  toRefs,
+  toRaw,
+  unref,
+  provide,
+  watch,
+  onMounted,
+  nextTick
+} from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { storage } from '@/utils/Storage'
 import { TABS_ROUTES } from '@/store/mutation-types'
@@ -322,7 +334,7 @@ export default defineComponent({
     }
 
     function scrollNext() {
-      const navWidth = navRef.value.offsetWidth
+      const navWidth = navRef.value.scrollWidth
       const containerWidth = navScroll.value.offsetWidth
       const currentOffset = getCurrentScrollOffset()
       if (navWidth - currentOffset <= containerWidth) return
@@ -336,9 +348,9 @@ export default defineComponent({
     }
 
     function updateNavScroll() {
-      if(!navRef.value)return
-      const navWidth = (navRef.value.offsetWidth + 32)
-      const containerWidth = navScroll.value.offsetWidth
+      if (!navRef.value) return
+      let navWidth = navRef.value.scrollWidth
+      let containerWidth = navScroll.value.offsetWidth
       const currentOffset = getCurrentScrollOffset()
       if (containerWidth < navWidth) {
         state.scrollable = true