Skip to content

Empty 空状态

用于展示暂无数据、搜索无结果或异常空内容的占位状态,支持自定义图片、描述、图片宽度和上下内边距。

示例

基础用法

自定义图片和描述

自定义尺寸

API

Props

属性名说明类型默认值
image自定义图片地址string''
image-width图片宽度number | string'50%'
description描述文本string''
vertical-padding上下内边距number20

Events

该组件无自定义事件。

Slots

该组件无插槽。

注意事项

  • 未传入 image 时会展示组件内置空状态图片。
  • 只有传入 description 时才会渲染描述区域。
  • vertical-padding 控制组件容器的上下内边距,单位按组件库的尺寸规则处理。
  • 空状态文案应说明原因,并在必要时给出下一步操作。
  • 图片尺寸不宜过大,避免喧宾夺主。