Empty

基础的空状态

暂无数据

带描述的空状态

Empty
Description

带操作的空状态

暂无数据

自带的状态类型

暂无数据
建设中
网络错误
成功
失败

不同尺寸的空状态

暂无数据
建设中
网络错误
成功
失败

自定义内容的空状态

暂无数据
暂无数据
暂无数据
暂无数据

Empty Props

名称类型默认值描述必传
actionSlot / Function-操作按钮。TS 类型：TNode。通用类型定义N
descriptionString / Slot / Function-描述文字。TS 类型：string | TNode。通用类型定义N
imageString / Slot / Function-组件图片，可以完全自定义内容。值类型为字符串时，表示图片地址；值类型为对象时，则表示透传全部属性到图片组件。TS 类型：string | ImageProps | TNode ，Image API Documents。通用类型定义。详细类型定义N
imageStyleObject-透传图片样式表。TS 类型：Styles。通用类型定义N
sizeStringmedium空状态的尺寸，默认为 medium。可选项：small/medium/large。TS 类型：SizeEnum。通用类型定义N
titleString / Slot / Function-错误标题。TS 类型：string | TNode。通用类型定义N
typeStringempty组件类型，如：空数据/成功/失败/网络错误/建设中。可选项：empty/success/fail/network-error/maintenanceN

何时使用

需要一键返回顶部的时候；

一般“返回按钮”都是延迟出现，即当用户进行一定程度的下拉滚动操作时，再让按钮出现。

与页面布局相关

建议/慎用示例

空状态不仅要告诉用户页面内容为空，并且还需要展示推荐和引导的操作，引导的文案建议不超过两行且用户可以理解。

Web 桌面端

Vue Stable Version：undefined
Vue Next Stable Version：undefined
React Stable Version：undefined

Mobile 移动端

Vue Next Stable Version：alpha
React Alpha Version：alpha
Flutter Alpha Version：alpha
微信小程序 Stable Version：alpha
QQ 小程序 Alpha Version：alpha