更新记录
1.0.0(2021-06-22) 下载此版本
v1.0.0
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 2.9.8 app-vue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | × | × | √ |
下拉刷新组件
- 极度顺滑,低耦合
- 相对定位,无需考虑层级问题
示例
-
下载插件解压放在通用组件文件夹components内,无需手动引入
-
注意需要关闭页面的弹性滚动
{ "path": "pages/index/index", "style": { "disableScroll": true, "mp-alipay":{"allowsBounceVertical":"NO"} } },
-
使用
<template> <dcp-scroller :isLoading="isLoading" @refresh="refresh"> <!-- 内容 --> <!-- 建议此处盒子设置一个最小高度,保证无内容时此区域都能触摸下拉 --> </dcp-scroller> </template>
export default { data() { return { isLoading: false }; }, methods: { refresh() { this.isLoading = true; setTimeout(() => { this.isLoading = false; }, 1000); } } };