头像 Avatar

组件支持三种类型，Icon、图片以及，三种类型的优先级依次是open-data、Icon和图片。

用于显示图标，默认为头像大小的50%。

通过icon属性设置显示图标类型，可配置图标类型同Icon组件一致，

可使用icon-style修改icon的颜色和大小；语法同设置行内样式一致，支持属性为：size和color。

示例代码

2 图片头像

mode属性值可参考

示例代码

   <l-avatar src="/images/view/default-image.jpg" />

用于展示当前用户的微信头像和昵称

open-data接收数组，通过传入userAvatarUrl、userNickName控制显示用户头像和昵称。

头像形状

示例代码

    <l-avatar shape="circle" src="/images/view/default-image.jpg" />
    <l-avatar shape="square" src="/images/view/default-image.jpg" />

通过在<l-avatar/>设置size属性来设置头像的大小，单位为rpx;

头像和文本

通过设置text属性来显示文本，并且可以通过placement属性控制头像与文本的相对位置，默认为right,可设置left、right、top、bottom四种位置。

同时，支持通过外部样式类l-class-text修改文本的样式。

示例代码

  <l-avatar text="月野君" placement="right" src="/images/view/default-image.jpg" />
  <l-avatar text="月野君" placement="top" src="/images/view/default-image.jpg" />
  <l-avatar text="月野君" placement="left" src="/images/view/default-image.jpg" />

头像事件（Avatar Events）