图片头像:
头像使用 l-avatar 标签,属性 src="*" 可以设置头像图片的资源路径;
添加 round 属性将使头像变成圆形,添加 radius 属性可以使头像变成圆角
文字/图标头像:
A
sn
魏
也可以使用文字或图标作为头像的内容,将文字或图标放置于头像标签内即可;
添加 color="*" 属性可以设置头像的背景颜色
头像尺寸:
sm
df
lg
xl
添加 size="*" 属性即可设置头像大小,把*替换成上面的尺寸字符串之一(改成小写)
头像背景色:
{{ item.name }}
添加 color="*" 属性可以设置头像的背景颜色,把*替换成上面的颜色英文名即可
头像角标:
5
完成
在头像标签内放置 l-tag 标签,并给内部的这个标签添加 badge 属性,即可设置头像角标