微信小程序--12（页面事件）

目录

一、下拉刷新

二、上拉触底

一、下拉刷新

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

（一）启动下拉刷新的两种方式

1、全局开启下拉刷新

在app.json的window节点中，将enablePullDownRefresh设置为true

2、局部开启下拉刷新

在页面的.json配置文件中，将enablePullDownRefresh设置为true

3、美化下拉刷新窗口

        在全局或者页面的.json配置文件中，通过backgroundColor（设置窗口背景色，仅支持16进制的颜色值）和backgroundTextStyle（设置下拉刷新loading的样式，仅支持dark和light）来设置下拉刷新窗口的样式，其中：

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

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

实现通过按钮增加count的值，且下拉刷新count值恢复为0

5、停止下拉刷新事件

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

二、上拉触底

通过手指在屏幕上的上拉滑动，从而加载更多数据的行为。

1、监听页面的上拉触底事件

在页面的.js文件中，通过onReachBottom()函数即可监听当前页面的上拉触底事件。

2、配置上拉触底的距离

触发上拉触底事件时，滚动条距离页面底部的距离。

可以在.json文件中，通过onReachBottomDistance属性来进行距离的设置。默认为50px