TuEmpty 空状态
图形占位 + 主副文案 + 底部操作插槽,支持自定义图片,无事件。
空状态:图形占位 + 主副文案 + 操作插槽。无交互事件;图形区支持自定义图片,缺省渲染内置 CSS 插画(云朵)。
属性
| 名称 | 类型 | 说明 |
|---|---|---|
image | string | 自定义图片 URL(缺省用内置 CSS 图形占位)。 |
imageSize | number | 图片尺寸(px),默认 120。 |
text | string | 主文案。 |
description | string | 副文案。 |
children | Array<VNode | string> | 底部操作区插槽(如「重新加载」按钮)。 |
暂无数据
下拉刷新或点击按钮重试
已刷新 0 次 —— 底部操作区是插槽(children),可放任意组件。
实例
ts
createComponent({
component: TuEmpty,
props: { text: '暂无数据', description: '换个筛选条件试试' },
children: [
createComponent({
component: TuButton,
props: { type: 'primary', size: 'small' },
children: ['重新加载'],
emitters: { click: () => this.reload() },
}),
],
})