代码块:
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/moMore |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 | 根据平台自动选择加载样式 |
iconType
为snow
时,在APP-NVUE
平台不可设置大小,在非APP-NVUE
平台不可设置颜色
事件名 | 说明 | 返回值 |
---|---|---|
clickLoadMore | 点击加载更多时触发 | e.detail={status:'loading'} |