Avatar 头像

Avatar Props

Avatar Events

AvatarGroup Props

何时使用

需要展示用户的个性化信息、或者站点、项目、作品等的识别标示。

组件搭配使用

与导航组合使用，通常会搭配单行文字或单个图标，用于识别身份信息、登录信息。

与列表组合使用，可搭配多行文字，用于展示结构化的成员名称及信息，方便快速识别。

可与徽标数字组合展示，可作为消息提示或人员数量提示等。

常见用法

多个头像可组合展示构成头像组，叠加展示。当页面布局空间有限，超过可外显个数时候，可将重复性较高的头像信息做隐藏收起，需要时再让用户主动触发查看。

图示：多个头像组合

图示：当超过外显个数时，可使用浮窗展示完整的头像列表

推荐/慎用示例

对于字符型头像，需要根据场景定义最大字符数，避免字符过多影响可读性，降低可识别度。

使用多个头像组合时，需根据场景和信息类型定义最长数量，避免数值过多影响可读性，降低使用效率。

当需要点击头像进行操作时，应使用操作按钮，且放置在头像组合上，避免将行动按钮放置在组合下方造成点击不便，表意不明。