摘要：本文介绍了微信小程序的两种页面事件 —— 下拉刷新事件和上拉触底事件，具体内容如下：
（1）下拉刷新事件
概念：通过手指下拉屏幕重新加载页面数据。
启用方式：包括全局和局部开启，推荐局部开启。
配置样式：可通过backgroundColor和backgroundTextStyle配置下拉刷新窗口样式。
事件处理：在.js文件中用onPullDownRefresh()监听，处理完后需调用wx.stopPullDownRefresh()停止刷新。
（2）上拉触底事件
概念：通过手指上拉屏幕加载更多数据。
事件处理：在.js文件中用onReachBottom()监听。
距离配置：可在配置文件中通过onReachBottomDistance属性修改默认触底距离。
微信小程序_15_下拉刷新与上拉触底
- 一、下拉刷新事件
- 1.概念
- 2.启用方式
- 3.配置样式
- 4.监听事件
- 5.停止刷新
- 二、上拉触底事件
- 1.概念
- 2.监听事件
- 3.配置距离
- 三、总结
一、下拉刷新事件
1.概念
- 定义：下拉刷新是移动端通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。
2.启用方式
- 全局开启：在
app.json的window节点中，将enablePullDownRefresh设置为true。 - 局部开启：在页面的
.json配置文件中，将enablePullDownRefresh设置为true。推荐使用局部开启方式，为需要的页面单独开启下拉刷新效果。
3.配置样式
- 配置项：通过
backgroundColor和backgroundTextStyle来配置下拉刷新窗口的样式。 - 具体说明
backgroundColor：用来配置下拉刷新窗口的背景颜色，仅支持 16 进制的颜色值。backgroundTextStyle：用来配置下拉刷新loading的样式，仅支持dark和light。- 代码示例在
app.json或页面的.json文件中配置：
{"window": {"enablePullDownRefresh": true,"backgroundColor": "#ffffff",&#