Skip to content

Avatar 头像 ​

Avatar 参数 ​

参数说明类型可选值默认值
src图片地址string
mode裁剪模式stringscaleToFill
name展位名称string
lazy-load懒加载booleanfalse
size图标尺寸number80
shape类型stringcircle / squarecircle

Avatar-gorup 参数 ​

参数说明类型可选值默认值
urls图片地址string
size图标尺寸number80
mode裁剪模式stringscaleToFill
max最大数量number5
shape懒加载booleanfalse
showMore图标尺寸number80

示例 ​

基本用法 ​

html
<cl-avatar src=""></cl-avatar>

头像形状 ​

html
<cl-avatar shape="square"></cl-avatar>

头像大小 ​

html
<cl-avatar :size="70"></cl-avatar>

文字头像 ​

html
<cl-avatar :size="70">cool</cl-avatar>

头像组 ​

html
<cl-avatar-group :urls="[...]"></cl-avatar-group>