展示与容器 / COMPONENT ATLAS

用户头像UserAvatar

显示用户头像,无图片时回退为名字首字,图片加载失败时显示树芽。

组件预览。

01 / COMPONENT PREVIEW
● UserAvatar
叶Yggdrasil 的头像
COMPONENT PREVIEW · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

RUST · DIOXUS RSX
rsx! {
    UserAvatar {
        name: "叶子",
        avatar_url: None,
        class: "w-10 h-10 rounded-full text-sm",
    }
}

主要属性

03 / PROPERTIES
属性 / 类型默认值说明
nameString必填显示名与图片替代文本。
avatar_urlOption<String>None头像图片地址。
class&'static str必填尺寸、形状与字号。
YGGDRASIL · 每一个细节,都有回应。src/components/ui.rs
© 2026 Yggdrasil