@beisen-cmps/ux-m-platform-avatar

组件使用、扩展文档

Avatar头像组件

用于展示头像

UI规则

1. 按照不同尺寸显示对应大小的头像

2. 如果有头像图片，则显示图片

3. 如果没有头像图片，则显示成配置的color颜色

4. 如果没有配置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