Avatar 头像

使用

Avatar 组件可以用来代表人物或对象， 支持使用图片、图标或者文字作为 Avatar。

基础用法

使用 shape 和 size 属性来设置 Avatar 的形状和大小。

展示类型

支持使用图片，图标或者文字作为 Avatar。

回退行为

图片加载失败时的回退行为。

适应容器

当使用图片作为用户头像时，设置该图片如何在容器中展示。与object-fit 属性一致

API

Avatar Props

参数名	描述	类型	默认值
icon	设置 Avatar 的图标类型，具体参考 Icon 组件	string / Component	-
size	Avatar 大小	number / enum	default
shape	Avatar 形状	enum	circle
src	Avatar 图片的源地址	string	-
src-set	图片 Avatar 的原生 srcset 属性	string	-
alt	图片 Avatar 的原生 alt 属性	string	-
fit	当展示类型为图片的时候，设置图片如何适应容器	enum	cover

Avatar Events

事件名	描述	类型
error	图片加载失败时触发	Function

Avatar Slots

插槽名	描述	参数
default	自定义头像展示内容	-