Avatar

文字、图片或图标头像。

最后更新 2026-10-25 19:27:08

说明

Src 为空时按 Text 首字生成文字头像；Square 为方形头像。

常见能力：

<Avatar Text="张" Background="#6366f1" />
<Avatar Src="/img/logo1.png" Size="40" />

参数	类型	默认值	说明
`Alt`	`string`	`null`	图片替代文本。
`Background`	`string`	`null`	背景色（无图片时生效）。
`ChildContent`	`RenderFragment`	`null`
`Icon`	`string`	`null`	图标名（无图片无文字时使用）。
`OnClick`	`EventCallback<MouseEventArgs>`	—	事件
`Size`	`string`	`null`	尺寸：lg / sm。
`Square`	`bool`	`false`	方形头像。
`Src`	`string`	`null`	图片地址。
`Text`	`string`	`" "`	文字缩写，通常 1-2 个字符。
`Title`	`string`	`null`	悬浮提示文案，渲染为样式化的 CSS Tooltip（data-tip）。
`Visible`	`bool`	`true`	取得或设置组件是否可见，默认为false。
`VisibleChanged`	`EventCallback<bool>`	—	事件取得或设置组件可见性变化时的回调事件。
`Class`	`string`	`null`	取得或设置组件的CSS类名，用于自定义样式。
`Disabled`	`bool`	`false`	取得或设置组件是否禁用，默认为false。
`Style`	`string`	`null`	取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。