You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.9 KiB
65 lines
1.9 KiB
|
|
|
|
### LoadMore 加载更多 |
|
> **组件名：uni-load-more** |
|
> 代码块： `uLoadMore` |
|
|
|
|
|
用于列表中，做滚动加载使用，展示 loading 的各种状态。 |
|
|
|
### 安装方式 |
|
|
|
本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，`HBuilderX 2.5.5`起，只需将本组件导入项目，在页面`template`中即可直接使用，无需在页面中`import`和注册`components`。 |
|
|
|
如需通过`npm`方式使用`uni-ui`组件，另见文档：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55) |
|
|
|
### 使用方式 |
|
|
|
在 ``template`` 中使用组件 |
|
|
|
```html |
|
<uni-load-more :status="more"></uni-load-more> |
|
``` |
|
|
|
## API |
|
|
|
### LoadMore Props |
|
|
|
|属性名 |类型 | 可选值 |默认值 |说明 | |
|
|:-: |:-: |:-: |:-: |:-: | |
|
|iconSize |Number |- |24 |指定图标大小 | |
|
|status |String |more/loading/noMore |more |loading 的状态 | |
|
|showIcon |Boolean|- |true |是否显示 loading 图标 | |
|
|iconType |String |snow/circle/auto |auto |指定图标样式| |
|
|color |String |- |#777777 |图标和文字颜色 | |
|
|contentText|Object|- |{contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"}|各状态文字说明 | |
|
|
|
|
|
#### Status Options |
|
|参数名称 |说明 | |
|
|:-: |:-: | |
|
|more |loading前 | |
|
|loading|loading前中 | |
|
|more |没有更多数据 | |
|
|
|
#### IconType Options |
|
|参数名称 |说明 | |
|
|:-: |:-: | |
|
|snow |ios雪花加载样式 | |
|
|circle |安卓环形加载样式 | |
|
|auto |根据平台自动选择加载样式 | |
|
|
|
|
|
|
|
|
|
> **说明** |
|
> `iconType`为`snow`时，在`APP-NVUE`平台不可设置大小，在非`APP-NVUE`平台不可设置颜色 |
|
|
|
|
|
|
|
### 事件说明 |
|
|
|
|事件名 |说明 |返回值 | |
|
|:-: |:-: |:-: | |
|
|clickLoadMore |点击加载更多时触发 |e.detail={status:'loading'}| |
|
|
|
|