1.0.4 • Published 3 years ago
scroll-mobile v1.0.4
scroll-mobile
一个移动端页面高性能滑动加载组件, 原生一般的加载体验。
如何使用
// 安装
npm install scroll-mobile
// 使用
import 'scroll-mobile/dist/scroll-mobile.css';
import ScrollMobile from 'scroll-mobile';
name | description | type | default |
---|---|---|---|
loadIndicator | 加载指示器内容 | Object | { activate: '下拉刷新', deactivate: '释放刷新', release: '刷新中...', finish: '刷新完成' } |
refreshIndicator | 刷新指示器内容 | Object | { activate: '上拉加载更多', deactivate: '释放加载', release: '加载中...', finish: '加载完成' } |
distanceToRefresh | 下拉刷新距离 | Number | 80 |
dampingCoefficient | 滑动阻尼系数 | Number | 0.5 |
refresh | 刷新回调, 函数返回值为promise时,指示器刷新状态将交由primise管理,否则加载状态300毫秒将自动关闭 | Function | - |
load | 加载回调, 函数返回值为promise时,指示器刷新状态将交由primise管理,否则加载状态300毫秒将自动关闭 | Function | - |
repeat | 请求动作重复,比如加载未完成继续下拉或向上滑动加载 | Function | - |
completed | 是否加载完成 | Boolean | false |
completeText | 全部已加载提示文本 | String | 全部已加载 |
例子
本地查看:
npm i
npm run build
cd examples/base
npm i
npm run start
打开链接 http://localhost:8000