组件

Photo 头像

显示用户的头像,支持图片、图标和字符 API文档 组件问题反馈和讨论

基础样式 #

三种尺寸,两种形状nv-photo为默认样式,nv-photo-circle为圆形样式,nv-photo-lg表示大图标,nv-photo-sm表示小图标
显示代码

多样式类型 #

基于基础样式之上,在nv-photo之后添加nv-photo-db属性则背景变为深蓝, 添加nv-photo-wb属性则背景变为浅蓝,添加nv-photo-do属性则背景变为深橘色, 添加nv-photo-wo属性则背景变为浅橘色
L L L
Ran Ran Ran
显示代码

背景换色 #

点击按钮可实现更换背景色
L
显示代码

带徽标的头像#

用于新消息的提醒
9
显示代码