Avatar 头像组件
在整个 material design 中,无论是在表格中还是到对话框菜单中,都可以找到使用头像的身影。
![Remy Sharp](/static/images/avatar/1.jpg)
![Travis Howard](/static/images/avatar/2.jpg)
![Cindy Baker](/static/images/avatar/3.jpg)
Press Enter to start editing
H
N
OP
Press Enter to start editing
你可以为头像添加不同的背景颜色。 下面的例子基于人物的姓名生成背景色。
KD
JW
TN
Press Enter to start editing
![Remy Sharp](/static/images/avatar/1.jpg)
![Remy Sharp](/static/images/avatar/1.jpg)
![Remy Sharp](/static/images/avatar/1.jpg)
Press Enter to start editing
Press Enter to start editing
N
Press Enter to start editing
![Remy Sharp](/broken-image.jpg)
![Remy Sharp](/broken-image.jpg)
![](/broken-image.jpg)
Press Enter to start editing
+2
![Cindy Baker](/static/images/avatar/3.jpg)
![Travis Howard](/static/images/avatar/2.jpg)
![Remy Sharp](/static/images/avatar/1.jpg)
Press Enter to start editing
+20
![Trevor Henderson](/static/images/avatar/5.jpg)
![Agnes Walker](/static/images/avatar/4.jpg)
![Travis Howard](/static/images/avatar/2.jpg)
![Remy Sharp](/static/images/avatar/1.jpg)
Press Enter to start editing
![Remy Sharp](/static/images/avatar/1.jpg)
![Travis Howard](/static/images/avatar/2.jpg)
![Remy Sharp](/static/images/avatar/1.jpg)
Press Enter to start editing