Empty 空状态
空状态时的占位提示。
基础用法
自定义图片
图片尺寸
底部内容
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| image | 图片类型，可选值为 error network search，支持传入图片 URL | string | default |
| image-size | 图片大小，默认单位为 px | enum | - |
| description | 图片下方的描述文字 | string | - |
Slots
| 名称 | 说明 |
|---|---|
| default | 自定义底部内容 |
| image | 自定义图标 |
| description | 自定义描述文字 |
类型定义
组件导出以下类型定义：
ts
import type { EmptyProps } from 'ryxon'主题定制
样式变量
组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
| 名称 | 默认值 | 描述 |
|---|---|---|
| --r-empty-padding | var(--r-padding-xl) 0 | - |
| --r-empty-image-size | 160px | - |
| --r-empty-description-margin-top | var(--r-padding-md) | - |
| --r-empty-description-padding | 0 60px | - |
| --r-empty-description-color | var(--r-text-color-2) | - |
| --r-empty-description-font-size | var(--r-font-size-md) | - |
| --r-empty-description-line-height | var(--r-line-height-md) | - |
| --r-empty-bottom-margin-top | 24px | - |