- 在全局的app.json中的window 配置
"enablePullDownRefresh":true
,或者是给对应的page中的json文件中直接配置"enablePullDownRefresh":true
需要注意的是true,不是"true"
全局的app.json中
对应page中
其中有一个"backgroundTextStyle": "dark"
(参数有dark/light)是配置顶部有三个点闪烁的动画
另外有一个下拉监听事件 onPullDownRefresh,将其放入js中,下拉滚动的时候触发此事件。
// 下拉滚动的时候触发此事件
onPullDownRefresh() {
console.log("我刷新了")
wx.showNavigationBarLoading()//下拉的时候显示在 商城 前面的加载Loading小图标
setTimeout(()=>{
wx.stopPullDownRefresh() //停止当前页面下拉刷新状态。
wx.hideNavigationBarLoading() //隐藏加载Loading小图标
},1000)
}
待续。。。