我把整个页面用recycle-view包裹class="tow_column"是要渲染的列表，列表是两列的结构；

为什么上面渲染出很多空数据，下面有很多空的占位

<recycle-view batch="{{batchSetRecycleData}}" id="recycleId" enable-back-to-top catchscroll="onScroll">
  <view slot="before" style="margin-top: {{screenTop + 1}}vh;">
    //slot="before" 内容
  </view>
  <view class="tow_column">
    <recycle-item class="recycle-item" wx:for="{{recycleList}}" wx:key="item">
      
    </recycle-item>
  </view>
  <view slot="after"></view>
</recycle-view>

class="tow_column"

.tow_column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30rpx 30rpx;
    align-items: center;
    justify-items: center;
    padding: 0 40rpx;
}