From 9b3961624d060f6a7383359f0ad364008e39d6d0 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Thu, 23 May 2024 15:31:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=AB=96=E7=89=88?=
 =?UTF-8?q?=E5=85=A8=E9=83=A8=E6=A5=BC=E5=B1=82=E4=B8=8D=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/base/ScrollView/ScrollView.vue |  4 +++-
 src/views/Guide/Guide.vue          | 36 +++++++++++++++---------------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/base/ScrollView/ScrollView.vue b/src/base/ScrollView/ScrollView.vue
index 9114d48..656abb0 100644
--- a/src/base/ScrollView/ScrollView.vue
+++ b/src/base/ScrollView/ScrollView.vue
@@ -63,7 +63,9 @@ function _initScroll() {
     scrollbar: props.scrollbar,
     observeImage: props.observeImage,
     probeType: props.probeType,
-    indicators: document.getElementById('indicator') ? [{ relationElement: document.getElementById('indicator'), relationElementHandleElementIndex: 0 }] : undefined
+    indicators: scrollDOMRef.value.querySelector('#indicator')
+      ? [{ relationElement: scrollDOMRef.value.querySelector('#indicator'), relationElementHandleElementIndex: 0 }]
+      : undefined
   })
 }
 
diff --git a/src/views/Guide/Guide.vue b/src/views/Guide/Guide.vue
index 1774e0e..fb215ee 100644
--- a/src/views/Guide/Guide.vue
+++ b/src/views/Guide/Guide.vue
@@ -15,28 +15,27 @@
           </div>
         </div>
       </ScrollView>
-      <div class="allFloors" animate__fast animate__animated animate__fadeInUp v-if="!isH && showAll">
-        <ScrollView>
-          <div>
-            <div class="row" :class="{ current: currentFloor.floorCode === item.floorCode }" v-for="item of currentBuildingFloorsList" :key="item.floorCode">
-              <div class="left">{{ item.floor }}</div>
-              <div class="right">
-                <div class="format">{{ formatMap[item.floor] }}</div>
-                <div class="facs">
-                  <div class="fac" v-for="fac of facMap[item.floorOrder]" :key="fac.type">
-                    <img :src="fac.imgUrl" alt="" />
-                    <template v-if="fac.title && fac.title.length > 4">
-                      <div>{{ fac.title.slice(0, 3) }}</div>
-                      <div>{{ fac.title.slice(3) }}</div>
-                    </template>
-                    <div v-else>{{ fac.title }}</div>
-                  </div>
+
+      <ScrollView :list="currentBuildingFloorsList" class="allFloors" animate__fast animate__animated animate__fadeInUp v-if="!isH && showAll">
+        <div>
+          <div class="row" :class="{ current: currentFloor.floorCode === item.floorCode }" v-for="item of currentBuildingFloorsList" :key="item.floorCode">
+            <div class="left">{{ item.floor }}</div>
+            <div class="right">
+              <div class="format">{{ formatMap[item.floor] }}</div>
+              <div class="facs">
+                <div class="fac" v-for="fac of facMap[item.floorOrder]" :key="fac.type">
+                  <img :src="fac.imgUrl" alt="" />
+                  <template v-if="fac.title && fac.title.length > 4">
+                    <div>{{ fac.title.slice(0, 3) }}</div>
+                    <div>{{ fac.title.slice(3) }}</div>
+                  </template>
+                  <div v-else>{{ fac.title }}</div>
                 </div>
               </div>
             </div>
           </div>
-        </ScrollView>
-      </div>
+        </div>
+      </ScrollView>
     </Teleport>
     <Teleport to="body">
       <ScrollView v-if="isH" :list="currentBuildingFloorsList" class="floors-list-h animate__fast animate__animated animate__fadeIn" :class="{ all: showAll }">
@@ -283,6 +282,7 @@ const handleFacility = fac => {
   height: 642px;
   background: var(--guide-allFloorBg);
   z-index: 100;
+  overflow: hidden;
   .row {
     height: 89px;
     display: flex;