就用 flex 布局实现，让 scroller-view 占完余下的空间 <template> <view class="index-page-container"> <!--其它组件 如搜索框、Tab等--> <view class="sku-list-view"> <scroll-view class="scroll-container" :scroll-y="true"> <sku-contents :SKUs="SKUs"/> </scroll-view> </view> </view> </template> <style lang="scss"> .index-page-container { display: flex; flex-direction: column; .sku-list-view { flex: 1; padding-left: 33rpx; padding-right: 33rpx; .scroll-container { height: 100%; } } } </style>