谈起微信小程序的刷新,微信小程序API已经为我们留好对应方法,简单来说,我们只需设置刷新加载,以及在对应方法中进行逻辑处理就可以了.
附上开发文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html?search-key=onreach
先讲一下下拉刷新的实现,需要在.json文件中设置添加:"enablePullDownRefresh": true,才可以启动下拉刷新功能.之后可以在.js文件中的onPullDownRefresh: function (){}方法中处理刷新后的逻辑.在页面效果上,下拉刷新时官方提供了对应动画,是三个白点.调整一下页面背景颜色就可以看到.如果有UI需求,可自行定义.
同样,上拉加载也需要根据UI需求来设置.json文件中的onReachBottomDistance,该值是页面上拉触底事件触发时距页面底部距离,默认值为50px.之后可以在onReachBottom: function () {}中添加加载后的逻辑.下拉时官方并未提供相应动画,如有需求可自行定义.
