Browse Source

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

ShangHai_LongXiang
jiannibang 2 years ago
parent
commit
9b3961624d
  1. 4
      src/base/ScrollView/ScrollView.vue
  2. 6
      src/views/Guide/Guide.vue

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

6
src/views/Guide/Guide.vue

@ -15,8 +15,8 @@
</div>
</div>
</ScrollView>
<div class="allFloors" animate__fast animate__animated animate__fadeInUp v-if="!isH && showAll">
<ScrollView>
<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>
@ -36,7 +36,6 @@
</div>
</div>
</ScrollView>
</div>
</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;

Loading…
Cancel
Save