logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Avatar头像

Examples

头像有三种尺寸,两种形状可选。

expand code expand code

对于字符型的头像,当字符串较长时,字体大小可以根据头像宽度自动调整。

expand code expand code

头像组合展现。

expand code expand code

支持三种类型:图片、Icon 以及字符,其中 Icon 和字符型可以自定义图标颜色及背景色。

expand code expand code

通常用于消息提示。

expand code expand code

Avatar API#

属性 描述 类型 默认值
ChildContent 属性在头像形状内显示的内容。优先于 AntDesign.Avatar.Text RenderFragment --
Shape 属性头像的形状 String AvatarShape.Circle
Size 属性头像的大小。有关可能的值,请参阅 AntSizeLDSType String default
Text 属性要在头像中显示的文本字符串。典型用途是显示首字母。 String --
Src 属性头像的图像 src。如果加载失败,AntDesign.Avatar.IconAntDesign.Avatar.ChildContent/AntDesign.Avatar.Text 将继续显示。 String --
SrcSet 属性用于不同屏幕分辨率的源列表。直接传递给 img 标签。 String --
Alt 属性图像的替代文本 String --
Icon 属性要显示的图标 String --
OnError 属性当传递给 AntDesign.Avatar.Src 的图像加载失败时执行的回调 EventCallback<ErrorEventArgs> --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --

AvatarGroup API#

属性 描述 类型 默认值
ChildContent 属性子内容 RenderFragment --
MaxCount 属性要显示的最大头像数 Int32 --
MaxStyle 属性超额头像样式的样式 String --
MaxPopoverPlacement 属性超额头像 Popover 的放置 Placement --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Upload上传 Badge徽标数
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.