uniapp mescroll-uni 下拉刷新 上拉加载

<template>
  <view class="scroll-container">
    <mescroll-uni
      class="scroll"
      :fixed="false"
      :down="downOption"
      :up="upOption"
      @down="handleRefresh"
      @up="handleLoadMore"
      @init="mescrollInit"
    >
      <view class="pi-pd-32">
        <message-card v-for="item in messageList" :key="item.id" :msg-content="item" />
      </view>
      <no-data v-if="!messageList.length" />
    </mescroll-uni>
  </view>
</template>

.scroll-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--window-bottom));
  overflow: hidden;

  .scroll {
    position: relative;
    flex: 1;
    height: 100%;
    overflow: hidden;
  }
}

<