fix: 修复竖版全部楼层不支持滚动

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
   })
 }
 

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;