uniapp scroll-view 下拉复位

在 `uniapp` 中使用 `scroll-view` 组件时，下拉刷新的内容可以通过设置 `enablePullDownRefresh` 属性来实现。而下拉复位则可以通过 `scroll-view` 组件的 `scroll-view-refresher` 插槽来实现。

具体步骤如下：

1. 在 `scroll-view` 组件上添加 `refresher-enabled` 属性，并设置为 `true`，表示开启下拉刷新功能。

2. 在 `scroll-view` 组件上添加 `refresher-threshold` 属性，并设置为下拉刷新的阈值，即下拉到多少距离才触发下拉刷新。

3. 在 `scroll-view` 组件中添加一个 `scroll-view-refresher` 插槽，用于显示下拉刷新的内容。

4. 在 `scroll-view-refresher` 插槽中添加一个 `uni-load-more` 组件，用于下拉复位。

完整示例代码如下：

<scroll-view refresher-enabled refresher-threshold="80" @scrolltoupper="onRefresh">
  <scroll-view-refresher>
    <!-- 下拉刷新的内容 -->
    <view>下拉刷新...</view>
    <uni-load-more :show="isLoading" :text="loadingText"></uni-load-more>
  </scroll-view-refresher>
  <!-- scroll-view 的内容 -->
  <view>scroll-view 内容</view>
</scroll-view>

其中，`onRefresh` 方法用于在下拉刷新时触发，可以在该方法中进行下拉刷新的操作。

methods: {
  onRefresh() {
    // 下拉刷新操作
    this.isLoading = true;
    this.loadingText = '正在刷新...';
    // 模拟刷新完成
    setTimeout(() => {
      this.isLoading = false;
      this.loadingText = '刷新成功';
    }, 2000);
  }
}

在 `onRefresh` 方法中，通过设置 `isLoading` 和 `loadingText` 属性来控制 `uni-load-more` 组件的显示和文本。当下拉刷新完成时，将 `isLoading` 设置为 `false`，并将 `loadingText` 设置为刷新成功的文本。此时，`uni-load-more` 组件会隐藏，同时 `scroll-view` 组件会自动进行下拉复位。