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

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

作者: 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