---
name: Avatar 头像
route: /avatar
menu: 组件
menuOrder: 1
# meta: {
#       keepAlive: false
#     }
---

import Avatar from './index'

# Avatar 头像

<Avatar
  realName="叶爽"
  style={{ marginRight: 24 }}
/>

<Avatar
  realName="叶爽"
  style={{ marginRight: 24 }}
  shape="square"
/>

<Avatar
  src="http://gitlab.cloopm.com/uploads/-/system/user/avatar/3/avatar.png"
  style={{ marginRight: 24 }}
/>

<Avatar
  src="http://gitlab.cloopm.com/uploads/-/system/user/avatar/3/avatar.png"
  style={{ marginRight: 24 }}
  shape="square"
/>

```jsx
<Avatar
  src="http://gitlab.cloopm.com/uploads/-/system/user/avatar/3/avatar.png"
  size={32}
  shape="square"
/>
```

| Property | Description | Type | Default |
| -------- | ----------- | ---- | ------- |
| size | 设置头像的大小 | number | 32 |
| shape | 指定头像的形状	 | 'circle', 'square' | 'circle' |
| src | 图片类头像的资源地址 | string | - |
| realName | 用户昵称 | string | - |