AvatarList用户头像列表

一组用户头像，常用在项目/团队成员列表。可通过设置 size 属性来指定头像大小。

引用方式：

  1. import AvatarList from 'ant-design-pro/lib/AvatarList';

详细使用方式请参照：独立使用 pro 组件

代码演示

AvatarList 用户头像列表 - 图1

基础样例

Simplest of usage.

  1. import AvatarList from 'ant-design-pro/lib/AvatarList';
  3. ReactDOM.render(
  4.   <AvatarList size="mini">
  5.     <AvatarList.Item tips="Jake" src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png" />
  6.     <AvatarList.Item tips="Andy" src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png" />
  7.     <AvatarList.Item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
  8.   </AvatarList>
  9. , mountNode);

API

AvatarList

参数说明类型默认值
size头像大小large、small 、mini, defaultdefault

AvatarList.Item

参数说明类型默认值
tips头像展示文案ReactNode\/string-
src头像图片连接string-