使用指南

// 按需引入需要在 app.scss 中引入对应样式 avatar.scss
import { ClAvatar } from "mp-colorui";

一般用法

参数说明

Avatar 参数

参数	说明	类型	可选值	默认值
shape	提供头像形状设置	string	radius,round	radius
size	提供头像组件大小设置	string|number	small,normal,large,xlarge	normal
shadow	提供头像组件阴影设置	boolean	true,false	true
headerArray	头像组数组	headerArray[]	详细参数看 这里 查看	[]

headerArray

参数	说明	类型	可选值	默认值
text	头像内置文字(只显示第一个字)	string	-	-
tag	头像右上角小标签	string	参考文档 Icon-iconName	-
tagColor	提供头像组件右上角小标签背景色设置	string	参考文档 默认色	-
icon	头像内图标	string	参考文档 Icon-iconName	-
url	图片 url（仅能为网络地址）	string	-
bgColor	头像组件背景色设置	string	参考文档 默认色	black

Avatar 事件

事件名称	说明	返回参数
onClick	点击头像事件	-

部分功能需扫码预览才能正常显示。

H5及小程序二维码