0.0.6 • Published 6 years ago
@beisen-cmps/ux-m-platform-avatar v0.0.6
组件使用、扩展文档
Avatar头像组件
用于展示头像
UI规则
按照不同尺寸显示对应大小的头像
如果有头像图片，则显示图片
如果没有头像图片，则显示成配置的color颜色
如果没有配置color，则按照人员ID的最后一位数字从如下颜色中选取
['#FF7360' , '#349AF6','#8BDA44', '#4DD0E1','#00E099' ,'#FFC300' ,'#FF9500']
API
Avatar props
| name | description | type | default |
|---|---|---|---|
| Id | 人员ID | String | '' |
| style | 自定义container style | Object | {} |
| avatars | {big: 'xxx', medium: 'xxx', original: 'xxx',small: 'xxx'} | Object | |
| mediaType | default时，显示默认头像 | String | '' |
| scale | 头像尺寸 original small medium big | String | |
| onTouchTap | 点击头像执行的操作 | Function | |
| color | 头像颜色 | String | |
| hasAvatar | 是否有头像详细的信息 | Boolean | false |