Avatar 头像

用图标、图片或者字符的形式展示用户或事物信息。

基础用法

通过 shape 和 size 设置头像的形状和大小。

circle

square

显示代码

展示类型

支持三种类型：图标、图片和字符

user

显示代码

图片加载失败的 fallback 行为

当展示类型为图片的时候，图片加载失败的 fallback 行为

显示代码

图片如何适应容器框

当展示类型为图片的时候，使用 fit 属性定义图片如何适应容器框，同原生 object-fit。

fill

contain

cover

none

scale-down

显示代码

Attributes

Events

Slot