<!-- 加载刷新组件 -->
<LoadRefreshList
  ref="loadRefreshListRef"
  :send-request="sendRequestRecommendList"
  class="size-full min-h-0"
>
  <template #default="{ list, isRefresh }">
    <view class="min-size-full p-2">
      <!-- 瀑布流组件 -->
      <Waterfall :list="list" :is-refresh="isRefresh" :cols="cols">
        <template #default="{ item }">
          <!-- 节点 -->
          <RecommendCardDistribute :item="item" />
        </template>
      </Waterfall>
    </view>
    <template v-if="isRefresh">
      <NkLoadingPage />
    </template>
  </template>
</LoadRefreshList>

<!-- LoadRefreshList -->
<view class="size-full min-h-0">
  <scroll-view
    :lower-threshold="300"
    :refresher-enabled="true"
    :refresher-triggered="isRefresh"
    :scroll-with-animation="true"
    :scroll-y="true"
    class="size-full min-h-0"
    @refresherrefresh="onRefresh"
    @scrolltolower="onLower"
  >
    <template v-if="list && list.length > 0">
      <slot :list="list" :page-num="pageNum" :page-size="pageSize" :total="total" :is-refresh="isRefresh" />
    </template>
  </scroll-view>
</view>

// onRefresh
async function onRefresh(e: any) {
  const { type } = e;
}