---
title: Avatar 头像
description: 用图标、图片、字符的形式展示用户或事物信息
spline: data
isComponent: true
toc: false
---
### 基础用法

通过 `icon` 或 `image` 可以设置头像显示图标名称或图片地址<br/>
通过 `hide-onLoad-failed` 可以控制图像加载失败时是否隐藏，默认为 `false`<br/>
通过 `shape` 可以改变头像的形状，可选项为 `circle` 、`round`

{{ shape }}

### 纯展示 

通过 `l-acatar-group` 可以设置图像组合，配合 `cascading` 可以设置图片之间的层叠关系，可选值：`left-up` 、`right-up`<br/>
通过 `max` 能够同时显示的最多头像数量

{{ exhibition }}

### 带操作 

头像数量超出时，会出现一个头像折叠元素。该元素内容通过 `collapseAvatar` 可自定义，默认为 `+N`。

{{ action }}

### 不同尺寸

通过`size`可以设置头像尺寸，可选项：`small`、`medium`、`large`、`24px` 等，用户可自定义设置大小

{{ size }}
