示例仅供参考,请以真机为主

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

示例

基本用法

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

头像形状

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

头像大小

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

文字头像

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

头像组

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