小程序页面事件-下拉刷新/上拉触底事件

页面事件-下拉刷新、上拉触底事件

1.启动下拉刷新

​ 1.全局开启下拉刷新

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

​ 2.局部开启下拉刷新

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

//.json相关代码
{
  "usingComponents": {},
  "enablePullDownRefresh":true,
  "backgroundColor": "#fff",
  "backgroundTextStyle": "dark"
}

2.下拉刷新事件

​ onPullDownRefresh()函数监听当前的下拉刷新事件

3.上拉触底事件

​ 上拉触底事件指的是用户上拉屏幕，触发加载更多的数据

​ 在对应的js中通过“onReachBottom(){}”定义上拉触底事件

4.上拉触底事件展示loading效果

//显示loading 
wx.showLoading({
	title:'数据加载中...'
 })  
//隐藏loading
 wx.hideLoading()