Empty 用于在列表、页面或弹窗中展示暂无内容、搜索无结果、网络异常等空状态,可配置图片、文案和操作按钮。
按页面场景与浮窗场景分类展示,不传 type 时默认展示通用类型「暂无数据」。
空状态可与按钮组合使用,引导用户直接新建或添加;通过 type 属性调用不同类型的空状态。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| scene | 空状态使用场景,控制尺寸、间距和按钮规格 | string | page | popup | page |
| type | 内置空状态类型,控制默认图片、主文案和辅助文案 | string | common | search | team | placeholder | message | order | network | common |
| imageSrc | 自定义空状态图片资源,优先级高于 type | string | - | 按 type 匹配 |
| title | 自定义主文案,优先级高于 type 默认文案 | string | - | 按 type 匹配 |
| description | 自定义辅助文案,优先级高于 type 默认文案 | string | - | 按 type 匹配 |
| showDescription | 是否展示辅助文案 | boolean | true | false | true |
| actions | 操作按钮配置,最多展示 2 个,透传给 Button 组件 | object[] | - | 两个 Button |
| showActions | 是否展示操作按钮 | boolean | true | false | true |
| paddingTop | 自定义组件顶部间距,不解组调整上下留白 | number | - | null |
| paddingBottom | 自定义组件底部间距,不解组调整上下留白 | number | - | null |
| className | 自定义类名 | string | - | '' |
| id | 自定义 id | string | - | '' |