微信小程序开发 下拉刷新和上拉加载更多

下拉刷新

在json文件中设置,可以在app.json文件中的window项设置全局有效,也可以在page页面的json文件中设置对某个页面单独有效。

"enablePullDownRefresh": true

如果你的页面是白色底,那么下拉刷新的图标可能会看不清,设置为dark状态。

"backgroundTextStyle": "dark"
下拉刷新

在page页面的js文件中,找到onPullDownRefresh函数,实现刷新逻辑。

// 开始刷新
wx.startPullDownRefresh({})
// 停止刷新
wx.stopPullDownRefresh()

上拉加载更多

目前来说就一个函数onReachBottom,在这个函数里面实现加载更多的逻辑就行。

系统提供的下拉刷新和上拉加载更多还是比较简陋的。

推荐阅读更多精彩内容