| url |
|---|
pages/vue/load-more/load-more |
::: tip 组件名：uni-load-more
代码块： uLoadMore
:::
用于列表中，做滚动加载使用，展示 loading 的各种状态。
本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。
如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55
在 template 中使用组件
<uni-load-more :status="more"></uni-load-more>| 属性名 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| 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: "没有更多数据了"} | 各状态文字说明 |
| 参数名称 | 说明 |
|---|---|
| more | loading前 |
| loading | loading前中 |
| more | 没有更多数据 |
| 参数名称 | 说明 |
|---|---|
| snow | ios雪花加载样式 |
| circle | 安卓环形加载样式 |
| auto | 根据平台自动选择加载样式 |
::: tip 说明
iconType为snow时，在APP-NVUE平台不可设置大小，在非APP-NVUE平台不可设置颜色
:::
| 事件名 | 说明 | 返回值 |
|---|---|---|
| clickLoadMore | 点击加载更多时触发 | e.detail={status:'loading'} |