小程序下拉刷新，上拉加载更多

微信小程序的 下拉加载，上拉更多

一、获取到数据

这里使用的封装的请求方式
链接: [link]([外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bOhiTnij-1620909035740)(]
)

二、下拉刷新

下拉刷新两个步骤就能实现。

1.在要实现下拉刷新的页面的json配置文件里面加上

"enablePullDownRefresh": true, //开启下拉刷新
 
"backgroundColor": "#f0145a" //设置背景颜色，如果不设置背景颜色，就看不见下拉刷新的加载动画了，因为加载动画和背景色颜色一样

链接: [link](

2.在要实现下拉刷新的页面下拉刷新的函数

onPullDownRefresh() {
 
wx.showNavigationBarLoading() //在标题栏中显示加载
 
},

链接: [link]([外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8PILuY6x-1620908655139)(]
)

下拉刷新完成以后，隐藏下拉刷新代码：

wx.stopPullDownRefresh();

三. 上拉加载更多
链接: [link]([外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ty8xytEd-1620908816301)(]
)