Avatar 头像

本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。

平台

App	小程序	H5
√	√	√

属性

属性名	类型	默认值	说明	平台
src	String,Array,Object		图片 优先级高于defaultImg,icon和text 可以是jsonArray的数据[{file:''}]	All
defaultImg	Boolean,Number,String	false	开启默认图片 值为输入defaultUrl的索引，值为true时表示随机一个索引 优先级高于icon和text	All
defaultImgUrl	String,Object,Array	null	默认图片 格式同c-img组件的defaultImgUrl属性	All
icon	String	people-fill	显示一个icon 优先级高于text	All
text	String,Number	null	显示一个文字	All
radius	String,Number,Array	c-radius-base	圆角，radius=round时为圆形 支持c-radius-开头的类	All
size	String,Number,Array	null	大小 数组时，第二个为高	All
randomBg	Boolean	false	随机显示背景色	All
bgColorList	String,Array	['c-bg-primary','c-bg-danger','c-bg-success','c-bg-warning','c-bg-info']	背景色列表	All
iconProps	Object	{}	图标配置	All
textProps	Object	{}	文字配置	All
imgProps	Object	{}	图片配置	All
cClass	String,Array,Object	null	组件类	All
cStyle	String,Array,Object	null	组件样式	All
margin	String,Number,Array	null	外边距	All
padding	String,Number,Array	null	内边距	All
bgColor	String	null	背景色，支持c-bg-开头的背景色类	All

事件

事件名	说明
click

示例

<template>
    <c-avatar text="小pig" />
</template>