From dc745bd0e7b0c3c03667048a86818b76319086d7 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Mon, 30 Jan 2023 16:51:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AF=BC=E8=A7=88=E9=A1=B5=E6=97=A0?=
 =?UTF-8?q?=E5=BA=97=E9=93=BA=E4=B8=9A=E6=80=81=E6=9C=AA=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BrandScroll/BrandScroll.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/BrandScroll/BrandScroll.vue b/src/components/BrandScroll/BrandScroll.vue
index 4a38635..f2eca06 100644
--- a/src/components/BrandScroll/BrandScroll.vue
+++ b/src/components/BrandScroll/BrandScroll.vue
@@ -3,7 +3,7 @@
     <div class="brand-content" ref="content">
       <div
         class="groups"
-        v-for="(item, i) of list"
+        v-for="(item, i) of filteredList"
         :ref="
           el => {
             groups[i] = el
@@ -32,7 +32,7 @@
       </div>
     </div>
     <div class="indicator" :style="{ visibility: hasScollBar ? 'visible' : 'hidden' }" id="indicator" ref="indicatorWrapper">
-      <div class="handle">{{ list[indicatorIndex]?.name }}</div>
+      <div class="handle">{{ filteredList[indicatorIndex]?.name }}</div>
     </div>
   </ScrollView>
 </template>
@@ -55,6 +55,7 @@ const groups = ref([])
 const { height: containerHeight } = useElementSize(scroll)
 
 const { height: contentHeight } = useElementSize(content)
+const filteredList = computed(() => props.list.filter(({ shopList }) => shopList.length > 0))
 const hasScollBar = computed(() => containerHeight.value < contentHeight.value)
 const heights = computed(() => groups.value.map(useElementSize).map(({ height }) => height))
 const bounds = computed(() =>