Skip to content

Empty 空状态

空数据时的占位展示,支持自定义描述、自定义插画与尺寸、隐藏插画与操作区。

基础用法

基础用法

自定义描述

自定义描述

自定义插画(图片 URL)

通过 illustration 属性传图片 URL,替换默认插画。

图片 URL

自定义插画(SVG 标记)

illustration 属性也支持内联 SVG/HTML 标记。

SVG 标记

自定义插画(Slot)

通过 slot="illustration" 传入任意内容,优先级高于 illustration 属性。

Slot 自定义插画

自定义尺寸

通过 image-size 控制插画尺寸(数字,单位 px),配合自定义插画使用。

自定义尺寸

隐藏插画

隐藏插画

操作区

操作区

邀请成员刷新列表

API

属性

属性说明类型默认值
description描述文案
hide-image隐藏插画
illustration自定义插画:SVG/HTML 标记或图片 URL
image-size插画尺寸(px)

插槽

名称说明
action操作区,置于描述下方
illustration自定义插画内容,优先级高于 illustration 属性