进入页面显示正常,列表有十几条数据,往下滚动到列表数据底部,在往下滚动就会出现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>