AtActionSheet组件在h5里遇到的问题

26 阅读1分钟

进入页面显示正常,列表有十几条数据,往下滚动到列表数据底部,在往下滚动就会出现AtActionSheet组件插槽里的400px高度的一个空白,请问大佬原因是啥,怎么解决呢?

代码如下:

<AtDrawer :show="showAtDrawer" mask width="100vw" :right="true">
    <view class="single-payment" style="height: 100vh; overflow: hidden">
        // scroll-view 列表代码...
    </view>
    <AtActionSheet :isOpened="isOpened" cancelText='取消' :title="actionTitle" @close="handleClose">
      <scroll-view
        scroll-y
        :style="{ height: '400px' }"
      >
        <at-action-sheet-item
          v-for="(item, index) in list"
          :key="index"
          @click="handleItemClick(item)"
        >
          <view style="display: flex; justify-content: space-between;">
            <text>{{ item.name }}</text>
            <AtIcon value="check" size="16" color="green" v-if="selectOrganId === item.id || selectMainId === item.id"></AtIcon>
          </view>
        </at-action-sheet-item>
      </scroll-view>
    </AtActionSheet>
</AtDrawer>