### 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 ``` ## 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'}|