用户头像

UserAvatar展示与容器

显示用户头像,无图片时回退为名字首字(陶土浅底),图片加载失败时显示图片占位。

预览

叶Yggdrasil 的头像

属性

名称类型默认值说明
nameSignal<String>必填显示名与图片替代文本。
avatar_urlSignal<Option<String>>必填头像图片地址;没有头像时传 None。
classString必填尺寸、形状与字号。

用法

src/components/ui.rs
Leptos view!
view! {
    <UserAvatar
        name="\u53F6\u5B50"
        avatar_url=None::<String>
        class="w-10 h-10 rounded-full text-sm"
    />
}