头像 Avatar
你不会真的用自拍当头像吧?
基本用法
使用 src 属性指定头像地址。也可以在默认插槽放置任何内容,比如图标或文本。
形状
使用 shape 属性设置头像的形状。round - 圆形,square - 方形。
大小
使用 size 属性设置头像的大小,提供 small、medium、large 三种尺寸,也可以自定义大小。
内容自适应
在插槽中嵌入的内容,会自动调整大小来适应头像。
头像组
可以把多个头像放在一起,通过头像组的 size 和 shape 属性统一控制样式,使用 max 属性可以设置最多显示的数量。
API
Avatar 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| src | string | — | 头像图片的地址 |
| shape | string | round | 头像的形状 |
| size | string | medium | 头像的大小 |
Avatar 插槽
| 名称 | 说明 |
|---|---|
| default | 自定义展示内容 |
Avatar Group 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| max | number | 10 | 头像组最多显示的数量 |
| shape | string | round | 统一控制头像形状 |
| size | string | medium | 统一控制头像大小 |
Avatar Group 插槽
| 名称 | 说明 |
|---|---|
| default | 放置头像组件 |