小程序笔记——上拉刷新的相关操作

目录

1.全局的上拉刷新（一般不建议使用）

2.局部的上拉刷新（建议使用）

3.配置上拉刷新窗口样式

4.监听页面上拉刷新事件

5.停止上拉刷新的效果

---

1.全局的上拉刷新（一般不建议使用）

在app.json里找到Window里的enablePullDownRefresh里的内容改成true.如下图所示

2.局部的上拉刷新（建议使用）

在页面的.json里进行配置

3.配置上拉刷新窗口样式

 backgroundColor（16进制颜色以#开头）

backgroundTextStyle（loading颜色配置）

4.监听页面下上拉刷新事件

下面给出一个例子去让大家明白其效果

新建一个页面text

wxml里给出count 

 

效果如下： 

 再加一个按钮，使count自加

 接下来去实现addCount

运行就可以实现了

 下一步我们要刷新使其值变成0

找到 onPullDownRefresh()

现在就OK了

5.停止上拉刷新的效果

调用  wx.stopPullDownRefresh()