## Avatar 头像

### 使用指南
``` javascript
import { Avatar } from 'vortex-mobile';

Vue.use(Avatar);
```

### 代码演示

#### 基础用法

```html
<vm-avatar
  text="小"
  size="sm"
  :src="url">
</vm-avatar>

<vm-avatar
  text="中"
  :src="url">
</vm-avatar>

<vm-avatar
  text="大"
  size="lg"
  :src="url">
</vm-avatar>
```

#### 带有文字的用法

```html
<vm-avatar
  text="用户姓名"
  :src="url">
</vm-avatar>
```

#### 自定义HTML片段用法

注意，如果组件上已写text属性，则自定义HTML部分不予显示。

```html
<vm-avatar
  :src="url">
    <div>自定义HTML内容</div>
</vm-avatar>
```


### API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| size | 尺寸大小，可选值为`sm` `md` `lg` | `String` | `md` | - |
| src | 头像图片url | `String` | - | - |
| fit | 图片在头像框内显示方式，可选值为`cover` `contain` `fill` | `String` | `cover` | - |
| text | 头像右侧文字 | `String` | - | - |
| align | 头像与右侧文字(或自定义元素)对齐方式，可选值为`top` `middle` `bottom` | `String` | `middle` | - |

### Slot

| 名称 | 说明 |
|------|------|
| - | 自定义内容 |