头像

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Avatar Props

参数	说明	类型	可选值	默认值
src	图片地址	string
mode	裁剪模式	string		scaleToFill
lazy-load	懒加载	boolean		false
size	图标尺寸	number		80
shape	类型	string	circle / square	circle

Avatar-gorup Props

参数	说明	类型	可选值	默认值
urls	图片地址	string
size	图标尺寸	number		80
mode	裁剪模式	string		scaleToFill
max	最大数量	number		5
shape	懒加载	boolean		false
showMore	图标尺寸	number		80

示例

基本用法

<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>