# bz-load-more 加载更多
# 基本用法
加载更多数据的场景
扫码预览
用BoosHi扫码或PC端点击
<template>
<bz-load-more status="loading"></bz-load-more>
</template>
1
2
3
2
3
展开 刷新 关闭
# 属性说明
# LoadMore Props
| 属性名 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| iconSize | Number | - | 24 | 指定图标大小 |
| status | String | more/loading/noMore | more | loading 的状态 |
| showIcon | Boolean | - | true | 是否显示 loading 图标 |
| showText | Boolean | - | true | 是否显示文本 |
| iconType | String | snow/circle/auto | auto | 指定图标样式 |
| color | String | - | #777777 | 图标和文字颜色 |
| contentText | Object | - | {contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"} | 各状态文字说明 |
# Status Options
| 参数名称 | 说明 |
|---|---|
| more | 加载前 |
| loading | 加载中 |
| no-more | 没有更多数据 |
# IconType Options
| 参数名称 | 说明 |
|---|---|
| snow | 雪花加载样式 |
| circle | 环形加载样式 |
| auto | 自动选择加载样式 |