数据展示/空状态

Empty 空状态

Empty 用于在列表、页面或弹窗中展示暂无内容、搜索无结果、网络异常等空状态,可配置图片、文案和操作按钮。

场景分类

按页面场景与浮窗场景分类展示,不传 type 时默认展示通用类型「暂无数据」。

使用

空状态可与按钮组合使用,引导用户直接新建或添加;通过 type 属性调用不同类型的空状态。

API 参考

参数 说明 类型 可选值 默认值
scene空状态使用场景,控制尺寸、间距和按钮规格stringpage | popuppage
type内置空状态类型,控制默认图片、主文案和辅助文案stringcommon | search | team | placeholder | message | order | networkcommon
imageSrc自定义空状态图片资源,优先级高于 typestring-按 type 匹配
title自定义主文案,优先级高于 type 默认文案string-按 type 匹配
description自定义辅助文案,优先级高于 type 默认文案string-按 type 匹配
showDescription是否展示辅助文案booleantrue | falsetrue
actions操作按钮配置,最多展示 2 个,透传给 Button 组件object[]-两个 Button
showActions是否展示操作按钮booleantrue | falsetrue
paddingTop自定义组件顶部间距,不解组调整上下留白number-null
paddingBottom自定义组件底部间距,不解组调整上下留白number-null
className自定义类名string-''
id自定义 idstring-''