小程序下拉刷新

342 阅读1分钟

微信小程序:关于下拉刷新

一、onPullDownRefresh方法

1.需要在.json文件里设置 "enablePullDownRefresh": true,用于开启页面下拉加载效果,全局刷新。

注:可以当前页设置也可以全局设置。单个页面刷新,某个需要刷新的页面json文件中enablePullDownRefresh要设置为true,还要设置"onReachBottomDistance":50

{
    "enablePullDownRefresh": true //当前页
    "backgroundTextStyle": "dark" //顶部显示颜色为深色的三个点
}
2.backgroundTextStyle配置

下拉 loading 的样式。仅支持 dark / light。

3、onPullDownRefresh()函数监听下拉动作,注意页面可能已经有默认的onPullDownRefresh()函数存在,需要去重;
// 页面监听用户下拉动作
onPullDownRefresh: function () {
},
4.wx.stopPullDownRefresh()停止下拉刷新效果.
wx.stopPullDownRefresh();