Skip to content

Avatar 头像

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

基础用法

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

头像大小

图片的 size 也支持使用 string 类型来设置尺寸大小,例如:xs , s , md , lg

展示类型

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

图片加载失败时,可以使用 error 属性触发函数,默认触发图片填充效果。

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

Avatar API

Avatar 属性

属性说明类型默认值
src图片资源的路径string-
size尺寸大小number / enum
50
shape头像的形状enum
circle
fit头像的填充效果enum
cover

Avatar 事件

名称说明回调参数
error图片加载失败时触发Function

Avatar 插槽

插槽名说明
default自定义默认内容