美文网首页
微信小程序开发 下拉刷新和上拉加载更多

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

作者: LuckyBugGo | 来源:发表于2019-08-06 10:24 被阅读0次

下拉刷新

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

"enablePullDownRefresh": true

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

"backgroundTextStyle": "dark"
下拉刷新

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

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

上拉加载更多

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

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

相关文章

网友评论

      本文标题:微信小程序开发 下拉刷新和上拉加载更多

      本文链接:https://www.haomeiwen.com/subject/wbtidctx.html