Fighting DesignEmpty 空状态
在展示空状态时的占位提示
基本使用
content 属性可以配置展示的内容
在这里，后续提供更多服务
开启
内容文字大小
content-size 属性可以配置 empty 内容的字体大小
暂无数据
开启
内容文字颜色
content-color 属性可以配置 empty 内容文字的颜色
暂无数据
开启
自定义图片
image-src 属性可以配置 empty 展示数据状态的图片
image-size 属性可以配置自定义的图片大小
开启
自定义背景色
background 属性可以配置 empty 的背景颜色
暂无数据
开启
自定义页脚
footer 插槽可自定义页脚
暂无数据
开启
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
content | 展示的内容 | string | —— | 暂无数据 |
content-size | 内容文字大小 | string | —— | —— |
content-color | 内容文字颜色 | string | —— | —— |
image-src | 自定义图片地址 | string | —— | —— |
image-size | 自定义图片尺寸 | string | —— | —— |
icon-size | 自定义 icon 尺寸 | string | —— | 30 |
background | 自定义背景色 | string | —— | —— |
Slots
| 名称 | 说明 |
|---|---|
default | 自定义插入内容 |
footer | 自定义页脚内容 |
Interface
组件导出以下类型定义：
ts
import type { EmptyInstance, EmptyProps } from 'fighting-design'