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.
66 lines
1.9 KiB
66 lines
1.9 KiB
2 years ago
|
|
||
|
|
|
||
|
|
### 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'}|
|
||
|
|
|