import React from 'react';
import ReactDOM from 'react-dom';
import Avatar from '@xm/Avatar';
const {GroupAvatar} = Avatar
window.addEventListener('DOMContentLoaded', () => {
ReactDOM.render((<div>
<div>能加载到头像<Avatar uid={1} name="发布小哥" /><Avatar uid={10001} name="发布大哥" /></div>
<div>不能加载到头像,使用name的后2个字<Avatar uid={123} name="随便啦" /></div>
<div>不能显示头像,也不使用name<Avatar uid={123} name="随便啦" doNotUseDefault /></div>
<div>再次使用不能加载到头像,将不会再去请求此头像<Avatar uid={123} name="随便啦" size={80} /></div>
<div>
直接使用url
<Avatar src="https://app-icon-qn.jituancaiyun.com/-1496388431966.jpg" uid={123} name="随便啦" />
</div>
<div>
<GroupAvatar members={[{userId: '123', userName: 'xxxx'}]} size={30} />
</div>
<div>
<GroupAvatar members={[{userId: '123', userName: 'xxxx'}, {userId: '124', userName: 'xxxx'}]} size={32} />
</div>
<div>
<GroupAvatar members={[{userId: '123', userName: 'xxxx'}, {userId: '124', userName: 'xxxx'}, {userId: '10001', userName: 'xxxx'}]} size={60} />
</div>
<div>
<GroupAvatar members={[{userId: '1', userName: 'xxxx'}, {userId: '123', userName: 'xxxx'}, {userId: '124', userName: 'xxxx'}, {userId: '10001', userName: 'xxxx'}]} size={80} />
</div>
</div>), document.body);
});