【微信小程序】页面事件

下拉刷新事件

1. 什么是下拉刷新

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

2. 启用下拉刷新

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

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

在触发页面的下拉刷新事件的时候，如果要把 count 的值重置为 0，示例代码如下：

5. 停止下拉刷新的效果

上拉触底事件

1. 什么是上拉触底

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

2. 监听页面的上拉触底事件

3. 配置上拉触底距离 onReachBottomDistance

上拉触底案例

1. 案例效果展示

2. 案例的实现步骤

步骤1 - 定义获取随机颜色的方法

url新地址：https://applet-base-api-t.itheima.net/api/color

步骤2 - 在页面加载时获取初始数据

步骤3 - 渲染 UI 结构并美化页面效果

步骤4 - 上拉触底时获取随机颜色

步骤5 - 添加 loading 提示效果

步骤6 - 对上拉触底进行节流处理