scroll-view 自定义下拉书阿信

你可以通过自定义 scroll-view 来实现下拉刷新功能。下面是一个简单的示例代码：

<view class="container">
  <scroll-view
    scroll-y="{{true}}"
    bindscrolltolower="scrollToLower"
    bindscrolltoupper="scrollToUpper"
    bindrefresherrefresh="refresh"
    refresher-enabled="{{true}}"
    refresher-threshold="45"
    refresher-default-style="black"
    refresher-background="{{backgroundColor}}">
    <!-- 内容区域 -->
  </scroll-view>
</view>

在上面的代码中，scroll-view 组件设置了 `refresher-enabled="{{true}}"` 来启用下拉刷新功能，并绑定了 `bindrefresherrefresh="refresh"` 事件来处理下拉刷新的操作。你需要在相应的页面逻辑中定义 `refresh` 函数来处理下拉刷新的逻辑。

Page({
  data: {
    backgroundColor: 'white',
  },
  refresh: function (event) {
    console.log('正在下拉刷新');
    // 进行下拉刷新的操作
    // 更新数据等等
    // 完成后调用下面的函数结束刷新动画
    this.selectComponent("#scrollView").finishPullToRefresh();
  },
})

在 `refresh` 函数中，你可以进行下拉刷新的具体操作，例如发送请求获取最新数据并更新页面显示。完成下拉刷新操作后，你需要调用 `finishPullToRefresh` 方法来结束刷新动画。

以上就是一个简单的自定义下拉刷新的示例，你可以根据需求进行进一步的定制和优化。