Avatar 头像

Avatar 头像

概述

用来代表用户或事物，支持图片或字符展示。

使用指南

在 .json 中引入组件

"usingComponents": {
    "i-avatar": "../../dist/avatar/index"
}

示例

<i-avatar size="small">梁</i-avatar>
<i-avatar>梁</i-avatar>
<i-avatar size="large">梁</i-avatar>
<i-avatar size="small" shape="square">A</i-avatar>
<i-avatar shape="square">A</i-avatar>
<i-avatar size="large" shape="square">A</i-avatar>
<i-avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" size="small"></i-avatar>
<i-avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" size="default"></i-avatar>
<i-avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" size="large"></i-avatar>
<i-avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" size="small" shape="square"></i-avatar>
<i-avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" size="default" shape="square"></i-avatar>
<i-avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" size="large" shape="square"></i-avatar>

API

Avatar properties

属性	说明	类型	默认值
i-class	自定义 class 类名	String	-
shape	指定头像的形状，可选值为 circle、square	String	circle
size	设置头像的大小，可选值为 large、small、default	String	default
src	图片类头像的资源地址	String	-