@beisen-phoenix/avatar
> @beisen-phoenix/avatar
Last updated 7 months ago by beisencorp .
ISC · Original npm · Tarball · package.json
$ cnpm install @beisen-phoenix/avatar 
SYNC missed versions from official npm registry.

头像组件

@beisen-phoenix/avatar

概述

提供不同尺寸的头像规范,在保持一致性原则的前提下满足不同场景的需求

头像展示运用在系统用户登陆、个人主页、联系方式页面等

API

参数 说明 类型 默认值 是否必传
size 头像尺寸 Size Size.lg
children 头像里的文字 string
src 头像里的图片地址 string --
bgColor 指定背景色,优先级高于userId string --
userId 用户id,根据用户id的最后一位配置颜色 string number --
extraCls 用户自定义className string --

数据格式

enum Size {
  xxsm = 'xxsm',
  xsm = 'xsm',
  sm = 'sm',
  lg = 'lg',
  xlg = 'xlg',
  xxlg = 'xxlg'
}

demo

import React from 'react';
import Avatar, {Size} from '../../src';

export default function App() {
  return (
    <>
      <div>
        <h3>中文名字</h3>
        <Avatar userId="13341">司徒二柱</Avatar>
        <Avatar size={Size.sm} userId="13343">司马建国
        <Avatar size={Size.xxlg} userId="13345">伟大的国明哥一统江湖</Avatar>
        <Avatar size={Size.xsm} userId="13347">南宫无脑</Avatar>
        <Avatar size={Size.xxsm}>小杨同学</Avatar>
        <Avatar size={Size.xlg}>这个名字取的长啊</Avatar>
      </div>
      <div>
        <h3>英文名字</h3>
        <Avatar userId="13341">Raymond Li</Avatar>
        <Avatar size={Size.sm} userId="13343">Donald Trump</Avatar>
        <Avatar size={Size.xxlg} userId="13345">Steve Junior Job</Avatar>
        <Avatar size={Size.xsm} userId="13347">Bill Gates</Avatar>
        <Avatar size={Size.xxsm}>Macheal Jackson</Avatar>
        <Avatar size={Size.xlg}>Bruce Lee</Avatar>
      </div>
    </>
  );
}

Current Tags

  • 3.3.54                                ...           latest (7 months ago)
  • 3.2.44-rc.1                                ...           rc (8 months ago)

343 Versions

  • 3.3.54                                ...           7 months ago
  • 3.3.53                                ...           7 months ago
  • 3.3.52                                ...           7 months ago
  • 3.3.51                                ...           7 months ago
  • 3.3.50                                ...           7 months ago
  • 3.3.43                                ...           7 months ago
  • 3.3.49                                ...           7 months ago
  • 3.3.48                                ...           7 months ago
  • 3.3.47                                ...           7 months ago
  • 3.3.46                                ...           7 months ago
  • 3.3.45                                ...           7 months ago
  • 3.3.42                                ...           7 months ago
  • 3.3.41-beta.1                                ...           7 months ago
  • 3.3.41                                ...           7 months ago
  • 3.3.39                                ...           7 months ago
  • 3.3.38                                ...           7 months ago
  • 3.3.37                                ...           7 months ago
  • 3.3.36                                ...           7 months ago
  • 3.3.35                                ...           7 months ago
  • 3.3.34                                ...           7 months ago
  • 3.3.33                                ...           7 months ago
  • 3.3.32                                ...           7 months ago
  • 3.3.31                                ...           7 months ago
  • 3.3.29                                ...           8 months ago
  • 3.3.28                                ...           8 months ago
  • 3.3.27                                ...           8 months ago
  • 3.3.26                                ...           8 months ago
  • 3.3.25                                ...           8 months ago
  • 3.3.24                                ...           8 months ago
  • 3.3.23                                ...           8 months ago
  • 3.3.22                                ...           8 months ago
  • 3.3.21                                ...           8 months ago
  • 3.3.20                                ...           8 months ago
  • 3.3.19                                ...           8 months ago
  • 3.3.18                                ...           8 months ago
  • 3.3.17                                ...           8 months ago
  • 3.3.16                                ...           8 months ago
  • 3.3.15                                ...           8 months ago
  • 3.3.14                                ...           8 months ago
  • 3.3.13                                ...           8 months ago
  • 3.3.12                                ...           8 months ago
  • 3.3.11                                ...           8 months ago
  • 3.3.10                                ...           8 months ago
  • 3.3.9                                ...           8 months ago
  • 3.3.8                                ...           8 months ago
  • 3.3.7                                ...           8 months ago
  • 3.3.6                                ...           8 months ago
  • 3.3.5                                ...           8 months ago
  • 3.2.80-beta.1                                ...           8 months ago
  • 3.2.80                                ...           8 months ago
  • 3.3.4                                ...           8 months ago
  • 3.3.3                                ...           8 months ago
  • 3.3.1                                ...           8 months ago
  • 3.3.0                                ...           8 months ago
  • 3.2.97                                ...           8 months ago
  • 3.2.95                                ...           8 months ago
  • 3.2.94                                ...           8 months ago
  • 3.2.93                                ...           8 months ago
  • 3.2.92                                ...           8 months ago
  • 3.2.90                                ...           8 months ago
  • 3.2.88                                ...           8 months ago
  • 3.2.87                                ...           8 months ago
  • 3.2.86                                ...           8 months ago
  • 3.2.85                                ...           8 months ago
  • 3.2.84                                ...           8 months ago
  • 3.2.83                                ...           8 months ago
  • 3.2.82                                ...           8 months ago
  • 3.2.81                                ...           8 months ago
  • 3.2.79                                ...           8 months ago
  • 3.2.78                                ...           8 months ago
  • 3.2.76                                ...           8 months ago
  • 3.2.7-rc.1                                ...           8 months ago
  • 3.2.74                                ...           8 months ago
  • 3.2.73                                ...           8 months ago
  • 3.2.69-beta.1                                ...           8 months ago
  • 3.2.72                                ...           8 months ago
  • 3.2.69                                ...           8 months ago
  • 3.2.68                                ...           8 months ago
  • 3.2.64-beta.1                                ...           8 months ago
  • 3.2.63                                ...           8 months ago
  • 3.2.61                                ...           8 months ago
  • 3.2.60                                ...           8 months ago
  • 3.2.59                                ...           8 months ago
  • 3.2.54                                ...           8 months ago
  • 3.2.47-beta.8                                ...           8 months ago
  • 3.2.47-beta.7                                ...           8 months ago
  • 3.2.53                                ...           8 months ago
  • 3.2.52                                ...           8 months ago
  • 3.2.51                                ...           8 months ago
  • 3.2.47-beta.6                                ...           8 months ago
  • 3.2.50                                ...           8 months ago
  • 3.2.49                                ...           8 months ago
  • 3.2.47-beta.4                                ...           8 months ago
  • 3.2.47-beta.3                                ...           8 months ago
  • 3.2.47-alpha.3                                ...           8 months ago
  • 3.2.47-beta.2                                ...           8 months ago
  • 3.2.47-alpha.2                                ...           8 months ago
  • 3.2.48                                ...           8 months ago
  • 3.2.47-beta.1                                ...           8 months ago
  • 3.2.45-alpha.1                                ...           8 months ago
  • 3.2.47                                ...           8 months ago
  • 3.2.46                                ...           8 months ago
  • 3.2.45-beta.1                                ...           8 months ago
  • 3.2.45-beta.0                                ...           8 months ago
  • 3.2.45                                ...           8 months ago
  • 3.2.44-rc.4                                ...           8 months ago
  • 3.2.44-rc.3                                ...           8 months ago
  • 3.2.44-rc.2                                ...           8 months ago
  • 3.2.44-rc.1                                ...           8 months ago
  • 3.2.44                                ...           8 months ago
  • 3.2.43                                ...           8 months ago
  • 3.2.42                                ...           8 months ago
  • 3.2.41                                ...           8 months ago
  • 3.2.40                                ...           8 months ago
  • 3.2.39                                ...           8 months ago
  • 3.2.37                                ...           8 months ago
  • 3.2.35                                ...           8 months ago
  • 3.2.34                                ...           8 months ago
  • 3.2.33                                ...           8 months ago
  • 3.2.32                                ...           8 months ago
  • 3.2.31                                ...           8 months ago
  • 3.2.30                                ...           8 months ago
  • 3.2.29                                ...           8 months ago
  • 3.2.28                                ...           8 months ago
  • 3.2.27                                ...           8 months ago
  • 3.2.26                                ...           8 months ago
  • 3.2.25                                ...           9 months ago
  • 3.2.24                                ...           9 months ago
  • 3.2.23                                ...           9 months ago
  • 3.2.22                                ...           9 months ago
  • 3.2.21                                ...           9 months ago
  • 3.2.20                                ...           9 months ago
  • 3.2.19                                ...           9 months ago
  • 3.2.18                                ...           9 months ago
  • 3.2.17                                ...           9 months ago
  • 3.2.16                                ...           9 months ago
  • 3.2.15                                ...           9 months ago
  • 3.2.14                                ...           9 months ago
  • 3.2.12                                ...           9 months ago
  • 3.2.10                                ...           9 months ago
  • 3.2.9                                ...           9 months ago
  • 3.2.8                                ...           9 months ago
  • 3.2.7                                ...           9 months ago
  • 3.2.6                                ...           9 months ago
  • 3.2.5                                ...           9 months ago
  • 3.2.4                                ...           9 months ago
  • 3.2.3                                ...           9 months ago
  • 3.2.2                                ...           9 months ago
  • 3.2.1                                ...           9 months ago
  • 3.2.0                                ...           9 months ago
  • 3.1.99                                ...           9 months ago
  • 3.1.98                                ...           9 months ago
  • 3.1.97                                ...           9 months ago
  • 3.1.96                                ...           9 months ago
  • 3.1.95                                ...           9 months ago
  • 3.1.94                                ...           9 months ago
  • 3.1.92                                ...           9 months ago
  • 3.1.91                                ...           9 months ago
  • 3.1.90                                ...           9 months ago
  • 3.1.89                                ...           9 months ago
  • 3.1.88                                ...           9 months ago
  • 3.1.87                                ...           9 months ago
  • 3.1.86                                ...           9 months ago
  • 3.1.85                                ...           9 months ago
  • 3.1.84                                ...           9 months ago
  • 3.1.83                                ...           9 months ago
  • 3.1.82                                ...           9 months ago
  • 3.1.81                                ...           9 months ago
  • 3.1.80                                ...           9 months ago
  • 3.1.79                                ...           9 months ago
  • 3.1.78                                ...           9 months ago
  • 3.1.77                                ...           9 months ago
  • 3.1.76                                ...           9 months ago
  • 3.1.75                                ...           9 months ago
  • 3.1.74                                ...           9 months ago
  • 3.1.73                                ...           9 months ago
  • 3.1.72                                ...           9 months ago
  • 3.1.71                                ...           9 months ago
  • 3.1.70                                ...           9 months ago
  • 3.1.69                                ...           9 months ago
  • 3.1.68                                ...           9 months ago
  • 3.1.67                                ...           9 months ago
  • 3.1.65                                ...           9 months ago
  • 3.1.64                                ...           9 months ago
  • 3.1.63                                ...           9 months ago
  • 3.1.62                                ...           9 months ago
  • 3.1.61                                ...           9 months ago
  • 3.1.60                                ...           9 months ago
  • 3.1.59                                ...           9 months ago
  • 3.1.58                                ...           9 months ago
  • 3.1.57                                ...           9 months ago
  • 3.1.56                                ...           9 months ago
  • 3.1.39                                ...           9 months ago
  • 3.1.38                                ...           9 months ago
  • 3.1.37                                ...           9 months ago
  • 3.1.11                                ...           10 months ago
  • 3.1.10                                ...           10 months ago
  • 3.1.9                                ...           10 months ago
  • 3.1.7                                ...           10 months ago
  • 3.1.6                                ...           10 months ago
  • 3.1.5                                ...           10 months ago
  • 3.1.4                                ...           10 months ago
  • 3.1.3                                ...           10 months ago
  • 3.0.57                                ...           10 months ago
  • 3.0.56                                ...           10 months ago
  • 3.0.55                                ...           10 months ago
  • 3.0.54                                ...           10 months ago
  • 3.0.53                                ...           10 months ago
  • 3.0.52                                ...           10 months ago
  • 3.0.51                                ...           10 months ago
  • 3.0.49                                ...           10 months ago
  • 3.0.47                                ...           10 months ago
  • 3.0.46                                ...           10 months ago
  • 3.0.45                                ...           10 months ago
  • 3.0.44                                ...           10 months ago
  • 3.0.43                                ...           10 months ago
  • 3.0.42                                ...           10 months ago
  • 3.0.41                                ...           10 months ago
  • 3.0.40                                ...           10 months ago
  • 3.0.39                                ...           10 months ago
  • 3.0.38                                ...           10 months ago
  • 3.0.37                                ...           10 months ago
  • 3.0.35                                ...           10 months ago
  • 3.0.34                                ...           10 months ago
  • 3.0.33                                ...           10 months ago
  • 3.0.30                                ...           10 months ago
  • 3.0.27                                ...           10 months ago
  • 3.0.26-rc.1                                ...           10 months ago
  • 3.0.26                                ...           10 months ago
  • 3.0.25                                ...           10 months ago
  • 3.0.24                                ...           10 months ago
  • 3.0.22                                ...           10 months ago
  • 3.0.20                                ...           10 months ago
  • 3.0.19                                ...           10 months ago
  • 3.0.14                                ...           10 months ago
  • 3.0.16                                ...           10 months ago
  • 3.0.3                                ...           10 months ago
  • 3.0.1-rc.84                                ...           10 months ago
  • 3.0.1-rc.83                                ...           10 months ago
  • 3.0.1-rc.82                                ...           10 months ago
  • 3.0.1-rc.81                                ...           10 months ago
  • 3.0.1-rc.80                                ...           10 months ago
  • 3.0.1-rc.79                                ...           10 months ago
  • 3.0.1-rc.78                                ...           10 months ago
  • 3.0.1-rc.77                                ...           10 months ago
  • 3.0.1-rc.75                                ...           a year ago
  • 3.0.1-rc.74                                ...           a year ago
  • 3.0.1-rc.73                                ...           a year ago
  • 3.0.1-rc.72                                ...           a year ago
  • 3.0.1-rc.71                                ...           a year ago
  • 3.0.1-rc.70                                ...           a year ago
  • 3.0.1-rc.69                                ...           a year ago
  • 3.0.1-rc.68                                ...           a year ago
  • 3.0.1-rc.67                                ...           a year ago
  • 3.0.1-rc.65                                ...           a year ago
  • 3.0.1-rc.64                                ...           a year ago
  • 3.0.1-rc.63                                ...           a year ago
  • 3.0.1-rc.61                                ...           a year ago
  • 3.0.1-rc.60                                ...           a year ago
  • 3.0.1-rc.59                                ...           a year ago
  • 3.0.1-rc.58                                ...           a year ago
  • 3.0.1-rc.56                                ...           a year ago
  • 3.0.1-rc.54                                ...           a year ago
  • 3.0.1-rc.52                                ...           a year ago
  • 3.0.1-rc.47                                ...           a year ago
  • 3.0.1-rc.45                                ...           a year ago
  • 3.0.1-rc.44                                ...           a year ago
  • 3.0.1-rc.42                                ...           a year ago
  • 3.0.1-rc.41                                ...           a year ago
  • 3.0.1-rc.40                                ...           a year ago
  • 3.0.1-rc.39                                ...           a year ago
  • 3.0.1-rc.38                                ...           a year ago
  • 3.0.1-rc.37                                ...           a year ago
  • 3.0.1-rc.36                                ...           a year ago
  • 3.0.1-rc.34                                ...           a year ago
  • 3.0.1-rc.32                                ...           a year ago
  • 3.0.1-rc.31                                ...           a year ago
  • 3.0.1-rc.30                                ...           a year ago
  • 3.0.1-rc.27                                ...           a year ago
  • 3.0.1-rc.26                                ...           a year ago
  • 3.0.1-rc.25                                ...           a year ago
  • 3.0.1-rc.24                                ...           a year ago
  • 3.0.1-rc.22                                ...           a year ago
  • 3.0.1-rc.21                                ...           a year ago
  • 3.0.1-rc.19                                ...           a year ago
  • 3.0.1-rc.18                                ...           a year ago
  • 3.0.1-rc.16                                ...           a year ago
  • 3.0.1-rc.14                                ...           a year ago
  • 3.0.1-rc.13                                ...           a year ago
  • 3.0.1-rc.12                                ...           a year ago
  • 3.0.1-rc.11                                ...           a year ago
  • 3.0.1-rc.10                                ...           a year ago
  • 3.0.1-rc.9                                ...           a year ago
  • 3.0.1-rc.7                                ...           a year ago
  • 3.0.1-rc.6                                ...           a year ago
  • 3.0.1-rc.5                                ...           a year ago
  • 3.0.1-rc.4                                ...           a year ago
  • 3.0.0-rc.87                                ...           a year ago
  • 3.0.0-rc.86                                ...           a year ago
  • 3.0.0-rc.85                                ...           a year ago
  • 3.0.0-rc.84                                ...           a year ago
  • 3.0.0-rc.81                                ...           a year ago
  • 3.0.0-rc.78                                ...           a year ago
  • 3.0.0-rc.77                                ...           a year ago
  • 3.0.0-rc.76                                ...           a year ago
  • 3.0.0-rc.71                                ...           a year ago
  • 3.0.0-rc.70                                ...           a year ago
  • 3.0.0-rc.69                                ...           a year ago
  • 3.0.0-rc.68                                ...           a year ago
  • 3.0.0-rc.67                                ...           a year ago
  • 3.0.0-rc.65                                ...           a year ago
  • 3.0.0-rc.64                                ...           a year ago
  • 3.0.0-rc.63                                ...           a year ago
  • 3.0.0-rc.62                                ...           a year ago
  • 3.0.0-rc.61                                ...           a year ago
  • 3.0.0-rc.59                                ...           a year ago
  • 3.0.0-rc.54                                ...           a year ago
  • 3.0.0-rc.53                                ...           a year ago
  • 3.0.0-rc.47                                ...           a year ago
  • 3.0.0-rc.43                                ...           a year ago
  • 3.0.0-rc.42                                ...           a year ago
  • 3.0.0-rc.41                                ...           a year ago
  • 3.0.0-rc.40                                ...           a year ago
  • 3.0.0-rc.38                                ...           a year ago
  • 3.0.0-rc.37                                ...           a year ago
  • 3.0.0-rc.35                                ...           a year ago
  • 3.0.0-rc.34                                ...           a year ago
  • 3.0.0-rc.33                                ...           a year ago
  • 3.0.0-rc.32                                ...           a year ago
  • 3.0.0-rc.31                                ...           a year ago
  • 3.0.0-rc.30                                ...           a year ago
  • 3.0.0-rc.29                                ...           a year ago
  • 3.0.0-rc.25                                ...           a year ago
  • 1.0.10                                ...           a year ago
  • 1.0.9                                ...           a year ago
  • 1.0.8                                ...           a year ago
  • 1.0.7                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.5                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.2                                ...           a year ago
  • 1.0.1                                ...           a year ago

Copyright 2014 - 2016 © taobao.org |