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

作者：天景科技苑 | 2024-06-22 16:05:24

踩

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

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

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

自定义下拉刷新效果：
这里写图片描述

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/天景科技苑/article/detail/746981