一、下拉刷新事件

1.1. 什么是下拉刷新

下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。

1.2. 启用下拉刷新

enablePullDownRefresh

image.png

1.3. 配置下拉刷新窗口的样式

backgroundColor
backgroundTextStyle

image.png

1.4. 监听页面的下拉刷新事件

onPullDownRefresh

在页面的.js 文件中，通过onPullDownRefresh()函数即可监听当前页面的下拉刷新事件

image.png

1.5. 停止下拉刷新的效果

当处理完下拉刷新后，下拉刷新的 loading 效果会一直显示，不会主动消失，所以需要手动隐藏loading 效果。此时，调用 wx.stopPullDownRefresh()可以停止当前页面的下拉刷新。示例：

image.png

二、上拉触底事件

2.1. 什么是上拉触底

上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。

image.png

2.2. 页面监听上拉触底事件

image.png

2.3. 配置上拉触底距离

onReachBottomDistance

image.png