Skip to content

头像 Avatar

你不会真的用自拍当头像吧?

基本用法

使用 src 属性指定头像地址。也可以在默认插槽放置任何内容,比如图标或文本。

形状

使用 shape 属性设置头像的形状。round - 圆形square - 方形

大小

使用 size 属性设置头像的大小,提供 smallmediumlarge 三种尺寸,也可以自定义大小。

内容自适应

在插槽中嵌入的内容,会自动调整大小来适应头像。

头像组

可以把多个头像放在一起,通过头像组的 sizeshape 属性统一控制样式,使用 max 属性可以设置最多显示的数量。

API

Avatar 属性

属性类型默认值说明
srcstring头像图片的地址
shapestringround头像的形状
sizestringmedium头像的大小

Avatar 插槽

名称说明
default自定义展示内容

Avatar Group 属性

属性类型默认值说明
maxnumber10头像组最多显示的数量
shapestringround统一控制头像形状
sizestringmedium统一控制头像大小

Avatar Group 插槽

名称说明
default放置头像组件