Appearance
Empty 空状态
用于展示暂无数据、搜索无结果或异常空内容的占位状态,支持自定义图片、描述、图片宽度和上下内边距。
示例
基础用法
自定义图片和描述
自定义尺寸
API
Props
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| image | 自定义图片地址 | string | '' |
| image-width | 图片宽度 | number | string | '50%' |
| description | 描述文本 | string | '' |
| vertical-padding | 上下内边距 | number | 20 |
Events
该组件无自定义事件。
Slots
该组件无插槽。
注意事项
- 未传入
image时会展示组件内置空状态图片。 - 只有传入
description时才会渲染描述区域。 vertical-padding控制组件容器的上下内边距,单位按组件库的尺寸规则处理。- 空状态文案应说明原因,并在必要时给出下一步操作。
- 图片尺寸不宜过大,避免喧宾夺主。