## Tag 标记

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

Vue.use(Tag);
```

### 代码演示

#### 基础用法

通过 我们提供的全局背景色样式控制 Tag 颜色

```html
<vm-tag class="bg-grey">标签</vm-tag>
<vm-tag class="bg-red">标签</vm-tag>
<vm-tag class="bg-blue">标签</vm-tag>
<vm-tag class="bg-green">标签</vm-tag>
```

#### 空心样式

通过`plain-`样式设置为空心样式

```html
<vm-tag class="plain-grey">标签</vm-tag>
<vm-tag class="plain-red">标签</vm-tag>
<vm-tag class="plain-blue">标签</vm-tag>
<vm-tag class="plain-green">标签</vm-tag>
```

#### 圆角样式

通过`round`设置为圆角样式

```html
<vm-tag round class="bg-grey">标签</vm-tag>
<vm-tag round class="bg-red">标签</vm-tag>
<vm-tag round class="bg-blue">标签</vm-tag>
<vm-tag round class="bg-green">标签</vm-tag>
```

#### 标记样式

通过`mark`设置为标记样式(半圆角)

```html
<vm-tag mark class="bg-grey">标签</vm-tag>
<vm-tag mark class="bg-red">标签</vm-tag>
<vm-tag mark class="bg-blue">标签</vm-tag>
<vm-tag mark class="bg-green">标签</vm-tag>
```

#### 标签大小

```html
 <vm-tag class="bg-red">标签</vm-tag>
<vm-tag size="medium" class="bg-red">标签</vm-tag>
<vm-tag size="large" class="bg-red">标签</vm-tag>
```

### API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| size | 大小, 可选值为`large` `medium` | `String` | - | - |
| round | 是否为圆角样式 | `Boolean` | `false` |- |
| mark | 是否为标记样式 | `Boolean` | `false` | - |

### Slot

| 名称 | 说明 |
|------|------|
| - | 自定义 Tag 显示内容 |