TuEmpty 空状态

图形占位 + 主副文案 + 底部操作插槽,支持自定义图片,无事件。

空状态:图形占位 + 主副文案 + 操作插槽。无交互事件;图形区支持自定义图片,缺省渲染内置 CSS 插画(云朵)。

属性
名称类型说明
imagestring自定义图片 URL(缺省用内置 CSS 图形占位)。
imageSizenumber图片尺寸(px),默认 120。
textstring主文案。
descriptionstring副文案。
childrenArray<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() },
    }),
  ],
})