区块加载失败

LoadError展示与容器

页面其余部分照常显示,只有出错的区块换成这张卡片;重试在原位完成,不整页刷新。重试中按钮转圈,再次失败时换一句说明。

预览

文章暂时没能加载

网络或服务出了点问题,稍后再试一次。

属性

名称类型默认值说明
titleSignal<String>必填说明哪块内容没能加载。
retryingSignal<bool>false重试进行中:按钮转圈且不再响应点击。
retry_failedSignal<bool>false上一次重试仍然失败。
classSignal<String>空字符串追加类,用于外边距。
on_retryCallback<()>必填点击「重新加载」。

用法

src/components/ui/feedback.rs
Leptos view!
let retrying = RwSignal::new(false);
let retry_failed = RwSignal::new(false);

view! {
    <LoadError
        title="\u6587\u7AE0\u6682\u65F6\u6CA1\u80FD\u52A0\u8F7D"
        retrying=retrying
        retry_failed=retry_failed
        on_retry=move |_| retry()
    />
}