列表
组合了空状态和加载更多的列表数据展示组件。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
columns | [Number, String] | 2 | 列数 |
gap | String | 10px | 列表项之间的间距 |
status | String | - | [详情] 列表状态 |
emptyIconName | String | - | 空状态图标名称 |
emptyText | String | - | 空状态提示文本 |
emptyOpts | Object | - | [参考] 空状态组件配置 |
moreText | String | - | 加载更多提示文本 |
loadingText | String | - | 加载中提示文本 |
nomoreText | String | - | 没有更多数据提示文本 |
failText | String | - | 加载失败提示文本 |
loadmoreOpts | Object | - | [参考] 加载更多组件配置 |
margin | String | - | 外边距 |
padding | String | - | 内边距 |
background | String | - | 背景 |
fontSize | String | - | 内容字体大小 |
color | String | - | 内容字体颜色 |
radius | String | - | 圆角大小 |
borderRadius | String | - | 圆角大小 |
border | String | - | 边框样式 |
borderWidth | String | - | 边框宽度 |
borderStyle | String | - | 边框样式 |
borderColor | String | - | 边框颜色 |
footerFontSize | String | - | 底部字体大小 |
footerColor | String | - | 底部字体颜色 |
footerMargin | String | - | 底部外边距 |
footerPadding | String | - | 底部内边距 |
列表状态
通过 status
属性来设置列表状态,状态分为:
状态值 | 说明 |
---|---|
empty | 空状态,用于表示列表为空。 |
more | 加载更多状态,用于表示加载更多数据。 |
loading | 加载状态,用于表示列表数据正在加载中。 |
nomore | 没有更多数据状态,用于表示列表数据加载完成。 |
fail | 加载失败状态,用于表示列表数据加载失败。 |
插槽
名称 | 参数 | 说明 |
---|---|---|
#empty | - | 空状态插槽 |
#emptyFooter | - | 空状态底部插槽 |
#default | - | 默认,内容 |
#loadmore | - | 加载更多插槽 |