功能介绍
安装
~~~
npm install ja-scroll-list --save
~~~
##版本更新
>1.1.0 新增 ScrollListRows 组件
引入
~~~
import { ScrollList, ScrollListRows } from 'ja-scroll-list';
~~~
快速使用
~~~
import { ScrollList } from 'ja-scroll-list';// 引入ja-scroll-list
{{item}}
~~~
demo
~~~
class="scroll-list"
ref="scrollList"
@onRefresh="onRefresh"
@onLoadMore="onLoadMore"
>
{{item}}
~~~
配置说明
| 参数 | 类型 | 默认 | 描述 |
| -------| ------ | ------- | ---------|
| onRefresh| Function | | 下拉刷新回调|
| onLoadMore| Function | 返回{refreshDone:function, loadMoreDone: functon} | 上拉加载更多回调|
| onScroll| Function | 返回{refreshDone:function, loadMoreDone: functon} | | 列表滚动事件回调(返回列表对象dom)|
| onRefreshState| Function | | 下拉刷新控件状态改变回调|
| onLoadMoreState| Function | | 上拉加载更多控件状态改变回调|
API说明
| 参数 | 类型 | 参数1 | 参数2 | 描述 |
| -------| ------ | ------- | ------- | ---------|
| refresh| Function() | 无 | 无 | 主动触发下拉刷新|
| refreshDone| Function(state, tip) | state: 0: 刷新完成, 1: 刷新成功, 2: 刷新失败 | tip: '自定义' | 关闭下拉刷新|
| loadMoreDone| Function(state, tip) | state: 0: 上拉加载更多, 1: 我是有底线的 | tip: '自定义' | 下拉刷新控件状态改变回调|
下拉刷新 -- 插槽说明
~~~
下拉刷新
释放刷新
刷新中...
刷新完成(无停留)
刷新成功(有停留)
刷新失败(有停留)
~~~
上拉加载更多 -- 插槽说明
~~~
上拉加载更多
数据加载中..
我是有底线的!
~~~