Avatar头像
AX-AVATAR标签不仅仅可以创建带图片的头像，还可以创建以文字代替图片的头像；avatar标签支持theme、tips、size和shape等属性。
前言
avatar头像组件整合了与头像相关的元素，例如图片、提示文本、徽章等。
简单使用
组件的src属性是核心属性，该属性通常为图片地址。创建src属性的方法有两种：
- 对元素使用
src属性； - 直接在元素内部添加文本；
- 输出
- HTML
-
https://unpkg.com/@codady/resource/image/avatar02.jpg -
文字头像
如果头像图片未知，可使用type=text属性让头像以纯文本形式呈现，此时src属性填写纯文本。
- 输出
- HTML
-
LI -
尺寸
通过size设置头像尺寸，可设置值如下：
- xxs：宽高2.2rem
- xs：宽高2.8rem
- sm：宽高3.8rem
- md：宽高2.8*2rem
- lg：宽高2.8*3rem
- xl：宽高2.8*4rem
- xxl：宽高2.8*5rem
- 输出
- HTML
-
https://unpkg.com/@codady/resource/image/avatar01.jpg https://unpkg.com/@codady/resource/image/avatar02.jpg https://unpkg.com/@codady/resource/image/avatar03.jpg -
Attributes属性
ax-avatar为自定义标签，其包含的属性如下：
| 名称 | 可选值 | 默认值 | 说明 |
|---|---|---|---|
| type | text/image | 'image' | 头像类型，默认image图片类型，可选择text纯文本类型 |
| theme | prim[-lit]/error[-lit]/succ[-lit]/info[-lit]/warn[-lit]/issue[-lit]/text[-lit] | - | 主题颜色，对type=text类型有效，使用lit后缀表示浅色背景 |
| tips | 任意HTML文本 | - | 使用遮罩和提示文本，为空则不会显示 |
| shape | radius/square/round | 'radius' | 外型轮廓，默认小圆角，可选择square方或round圆形 |
| badge | 任意纯文本 | - | 是否使用小点徽章，默认不启用 |
