微信小程序下拉刷新和上拉加载
2019-02-15 本文已影响9人
肉肉要次肉
小程序中想要实现下拉刷新还是很方便的,官方文档给了API。但是如何使用并没有找到详细用法,有事找度娘,在这里记录下。
想要实现下拉刷新或上拉加载,首先最重要的一点就是设置app.json或者某页面.json、将enablePullDownRefresh 这个属性设置为true。

app.json和某页面.json的区别:
app.json:是全局型的下拉刷新
某页面.json :是单个页面的下拉刷新


设置完之后,就是监听下拉刷新或者上拉加载了
下拉刷新: onPullDownRefresh(){ }
在js里:

这里先模拟加载,添加了一个定时器
效果图:

注:默认刷新动画的背景颜色是白色,所以会看不到下面的三点。加一个背景颜色就好了。
上拉加载: onReachBottom(){ }

。。。