Avatar 头像
Avatar 参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
src | 图片地址 | string | | |
mode | 裁剪模式 | string | | scaleToFill |
name | 展位名称 | string | | |
lazy-load | 懒加载 | boolean | | false |
size | 图标尺寸 | number | | 80 |
shape | 类型 | string | circle / square | circle |
Avatar-gorup 参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
urls | 图片地址 | string | | |
size | 图标尺寸 | number | | 80 |
mode | 裁剪模式 | string | | scaleToFill |
max | 最大数量 | number | | 5 |
shape | 懒加载 | boolean | | false |
showMore | 图标尺寸 | number | | 80 |
示例
基本用法
<cl-avatar src=""></cl-avatar>
1
头像形状
<cl-avatar shape="square"></cl-avatar>
1
头像大小
<cl-avatar :size="70"></cl-avatar>
1
文字头像
<cl-avatar :size="70">cool</cl-avatar>
1
头像组
<cl-avatar-group :urls="[...]"></cl-avatar-group>
1