下拉刷新在开发中是必不可少的,下面我们一起来研究下:
1、设置对应刷新页面json
"enablePullDownRefresh": true,
2、js
// 监控下拉刷新
onPullDownRefresh () {
console.log('下拉刷新');
setTimeout(()=>{
// 再此调取接口,如果接口回调速度太快,为了展示loading效果,可以使用setTimeout
}, 1000)
},
// 数据请求成功后,关闭刷新
wx.stopPullDownRefresh({
success (res) {
console.log('刷新成功');
}
});
改变下拉背景颜色,配置json
"backgroundColor": "#F00"
设置loading颜色,此项主要用于,背景是白色,loading为白色,这时看不到loading效果,可设置不同颜色
"backgroundTextStyle": "dark"
文章到此结束,也可以进行其他拓展,喜欢记得点个赞噢~