# 使用指南

// 按需引入需要在 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及小程序二维码
上次更新: 12/31/2019, 10:00:24 AM