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

用于展示头像

Stats

StarsIssuesVersionUpdatedCreatedSize
@beisen-cmps/ux-m-platform-avatar
0.0.63 years ago3 years agoMinified + gzip package size for @beisen-cmps/ux-m-platform-avatar in KB

Readme

组件使用、扩展文档

Avatar头像组件

用于展示头像

UI规则

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

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

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

  4. 如果没有配置color,则按照人员ID的最后一位数字从如下颜色中选取

    ['#FF7360' , '#349AF6','#8BDA44', '#4DD0E1','#00E099' ,'#FFC300' ,'#FF9500']

Avatar

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.