Meri Plus头像 Avatar
头像可以用来代表人物或对象， 支持三种类型：图标、图片和字符
演示
大小
圆角
展示文字
图标
图片适应容器
API
Attributes
| 名称 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| type | String | image / logo / text | image | 图片、图标、文字 |
| iconName | String | 图标的icon名称 | ||
| color | String | 颜色名 / RGB / 十六进制 / hsl | #8d9399 | 文本头像的颜色 |
| bgColor | String | 颜色名 / RGB / 十六进制 / hsl | #eff0f1 | 文本头像的背景色 |
| fontSize | Number | 14 | 文本头像的大小 | |
| radius | String | 100% | 圆角大小 | |
| src | String | undefined | 图片头像的资源地址 | |
| size | String | small / medium / large | undefined | 图片头像的大小 |
| fit | String | fill / contain / cover / none / scale-down | fill | 头像的图片在容器内的的适应类型 |
Events
| 名称 | 参数 | 说明 |
|---|---|---|
| onError | (e: Event) | 图片类头像加载失败的回调 |
Slot
| 名称 | 说明 |
|---|---|
| default | 头像内填充的内容 |