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 属性 |