下拉刷新事件

• 启用下拉刷新
  启用下拉刷新有两种方式：

（1）全局开启下拉刷新：在app.json配置文件中，将enablePullDownRefresh设置为true
（2）局部开启下拉刷新：在页面的.json配置文件中，将enablePullDownRefresh设置为true

• 配置下拉刷新窗口的样式
  在全局或页面的.json配置文件中，通过backgroundColor和backgroundTextStyle来配置下拉刷新窗口的样式，其中：

（1）backgroundColor用来配置下拉刷新窗口的背景颜色，仅支持16进制的颜色值。
（2）backgroundTextStyle用来配置下拉刷新loading的样式，仅支持dark和light

• 监听页面的下拉刷新事件
  通过onPullDownRefresh()函数即可监听当前页面的下拉刷新事件。

例如，下拉重置count的值

<view>count值为：{{count}}</view>
<button bindtap="countAdd">+1</button>
countAdd(){
this.setData({
count:this.data.count+1
})
}
onPullDownRefresh:function(){
this.setData({
count:0
})
}

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

onPullDownRefresh:function(){
this.setData({
conut:0
})
wx.stopPullDownRefresh()
}

上拉触底事件

• 监听页面的上拉触底事件
  通过onReachBottom()函数即可监听当前页面的上拉触底事件，代码如下：

onReachBottom:function(){
console.log('触发到下拉触底事件')
}

• 配置上拉触底距离
  可以在全局或页面的.json配置文件中，通过onReachBottomDistance属性来配置上拉触底的距离，小程序的默认距离为50px。