空状态

EmptyState展示与容器

用一个线条图标、标题和说明呈现空列表或无结果，可提供一个明确的下一步操作。

这里，等待第一颗种子。

写下一个新的开始。

属性

名称	类型	默认值	说明
`title`	`String`	`还没有文章`	空状态标题。
`description`	`String`	`空字符串`	补充说明。
`icon`	`IconName`	`Inbox`	线条图标；无搜索结果用 SearchX，加载失败用 CircleAlert。
`action`	`Option<EmptyStateAction>`	`None`	可选操作按钮的文案与回调。
`mascot`	`Option<Mascot>`	`None`	像素吉祥物贴图；传入时替换线条图标。

用法

src/components/empty_state.rs

view! {
    <EmptyState
        title="\u8FD9\u91CC\uFF0C\u7B49\u5F85\u7B2C\u4E00\u9897\u79CD\u5B50\u3002"
        description="\u5199\u4E0B\u4E00\u4E2A\u65B0\u7684\u5F00\u59CB\u3002"
    />
}

预览

这里，等待第一颗种子。

属性

用法