Avatar 头像
用于展示头像,支持使用图片、图标或者文字作为头像。
基础用法
通过 shape 和 size 属性来设置头像的形状和大小。
展示类型
支持使用图片、图标或者文字作为头像
适应容器
使用图片作为头像时,设置该图片如何在容器中展示。
API
属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 设置头像的图标类型 | string / Component | — | default |
| size | 头像大小 | number / string | large / default / small | circle |
| shape | 头像形状 | string | circle / square | — |
| border | 头像边框 | string | none / solid / dot | solid |
| src | 图片的源地址 | string | — | — |
| src-set | 图片的原生 srcset 属性 | string | — | — |
| alt | 图片的原生 alt 属性 | string | — | — |
| fit | 设置头像图片如何适应容器 | string | fill / contain / cover / none / scale-down | cover |
事件
| 事件名 | 说明 | 类型 |
|---|---|---|
| error | 图片加载失败时触发的事件 | Function |
插槽
| 插槽名 | 说明 |
|---|---|
| default | 自定义头像内容 |