更新记录
1.0.0(2024-09-20)
下载此版本
UniApp Vue3 弹性下拉刷新插件
简介
该插件为 UniApp 和 Vue3 项目提供了一个弹性下拉刷新组件,适用于各种移动端 App 和网页项目。插件带有流畅的弹性交互效果,并通过 CSS 动画实现加载状态指示。
特性
- 弹性下拉刷新:用户下拉时会出现动态加载提示。
- CSS 加载动画:无需额外图片,使用纯 CSS 实现加载旋转动画。
- 支持自定义:最大下拉距离、刷新逻辑等都可以自定义。
- UniApp Vue3 兼容:专为 UniApp Vue3 项目设计,轻松集成。
3. 参数说明
- **参数名 类型 默认值 说明
- **onRefresh Function 必须 刷新操作,接受一个返回 Promise 的函数
- **maxPullDistance Number 100 触发刷新的最大下拉距离(单位:rpx)
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
CC-PullToRefresh