Avatar 头像

---

用于展示用户头像

使用指南

在 Taro 文件中引入组件

import { AtAvatar } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import '~taro-ui/dist/style/components/avatar.scss';

用法

<AtAvatar image="https://jdc.jd.com/img/200"></AtAvatar>
<AtAvatar text="凹凸实验室"></AtAvatar>

<AtAvatar circle image="https://jdc.jd.com/img/200"></AtAvatar>
<AtAvatar circle text="凹凸实验室"></AtAvatar>

Avatar 参数

微信	H5	参数	说明	类型	可选值	默认值
√	√	size	头像大小	String	large, normal, small	normal
√	√	circle	头像是否圆形	Boolean	-	false
√	√	image	头像图片地址	String	-	-
√	√	text	以文字形式展示头像	String	-	-
√	-	openData	参考微信开放数据	Object	{'{ type: \'userAvatarUrl\'}'}	-

注意：openData 仅支持 type 为 userAvatarUrl