Appearance
列表
版本说明
| 时间 | 修改人 | 备注 |
|---|---|---|
| 2021-12-05 | LZJ | 初始化文档 |
一、组件说明
列表组件 List
（1 引入
在script中引入组件
js
import List from "@/components/list/list";（2 用法
vue
<List ref="list" :openLoad="openLoad" @refresh="loadTop" @load="loadBottom">
/*列表内容，结合ListItem使用*/
</List>说明： 参数openLoad控制是否开启上拉加载，当列表没有全部加载，openLoad 置为 true，滑动到底部时上拉触发上拉加载；当列表全部加载，openLoad 置为 false，上拉时会显示没有更多了； 事件refresh，下拉刷新触发； 事件load，上拉加载触发。
注: 请求完数据需要调用this.$refs.list.endUpate()结束加载（刷新）动画。
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| openLoad | 是否开启上拉加载 | boolean | false |
| maxRemoving | 可拉动的最大的距离，单位：rpx | number | 200 |
| allLoadHint | 全部加载完，上拉时显示的文案 | string | 没有更多了 |
| refreshTime | 刷新时动画时间，为 0 永久存在，可通过触发 endUpate()关闭 | number | 0 |
| loadTime | 加载时动画时间，为 0 永久存在，可通过触发 endUpate()关闭 | number | 0 |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| refresh | 下拉刷新触发 | - |
| load | 上拉加载触发 | - |
方法
| 方法名 | 说明 | 参数 | 返回值 |
|---|---|---|---|
| endUpate | 结束加载（刷新）动画 | - | - |
- 注：列表的宽高设置的 100%，由父元素大小决定。加载和刷新也是在父元素里。
二、示例项目 SVN 地址
uni-app 项目:svn://39.107.13.238:12580/base_digi
组件位置
列表组件：/_uniapp/src/components/list/list.vue
使用示例
位置：/_uniapp/src/pages/demo/list/list.vue