微信小程序自定义下拉刷新

哈喽，大家好， 微信小程序出来也有好几年了，大部分项目下拉刷新都用的系统自带的，用起来非常方便，有个缺点就是它的样式被微信锁定了，如果想在下拉不同状态显示不同文字就不怎么方便了，最近公司需求，写了一个带文本提示的下拉刷新组件。回到正题上来，请看标题，木错，我们今天就要讲解一下自定义下拉刷新。

实现下拉刷新系统API有两种方式
1. 调用系统的API，系统有提供下拉刷新的API接口
2. 监听scroll-view,自定义下拉刷新，还记得scroll-view里面有一个bindscrolltoupper属性吗？忘记请自行回顾上一篇 微信小程序实战篇-电商（二）当滚动到顶部/左边，会触发 scrolltoupper 事件，所以我们可以利用这个属性，来实现下拉刷新功能。

自定义下拉刷新效果：

使用方法(实现原理直接看源代码)：
1. 拷贝组件

3. 使用组件
3.1 json文件引用自定义组件