Empty 无内容
基本使用
template
<c-empty />
<c-empty :c-style="[{ minHeight: '100vw' }]" />
<c-empty c="search" :button-props="{ text: '返回首页' }" />
<c-empty :image="src" />
API
Empty Props
| 名称 | 类型 | 默认值 | 版本 | 说明 |
|---|---|---|---|---|
| c | string | default | 配置名。使用说明 | |
| props | EmptyProps | undefined | 全部 props 。 使用说明 | |
| c-class | HTMLAttributes['class'] | undefined | 自定义类名 | |
| c-style | HTMLAttributes['style'] | undefined | 自定义样式 | |
| icon | string | undefined | 图标名; icon 、 image 二选一, image 优先 | |
| icon-props | IconProps | undefined | IconProps | |
| image | string | undefined | 图片路径; icon 、 image 二选一, image 优先 | |
| image-props | ImageProps | undefined | ImageProps | |
| text | string | undefined | 文字 | |
| text-props | TextProps | undefined | TextProps | |
| button-props | ButtonProps | undefined | ButtomProps |
Empty Slots
| 名称 | 参数 | 说明 |
|---|---|---|
| default | () | 后续内容 |
Empty Events
| 名称 | 参数 | 说明 |
|---|---|---|
| click:button | (payload: any) => void | 按钮点击事件 |