<style>
.tags-container {
  padding: 5px 15px;

  .zan-tag + .zan-tag {
    margin-left: 10px;
  }
}
</style>

## Tag 组件

### 基础用法

:::demo 基础用法
```html
<div class="tags-container">
  <zan-tag>返现</zan-tag>
  <zan-tag :plain="true">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="danger">返现</zan-tag>
  <zan-tag type="danger">四字标签</zan-tag>
  <zan-tag type="danger">一</zan-tag>
</div>
```
:::

### 高级用法

:::demo 高级用法
```html
<div class="tags-container">
  <zan-tag type="danger">返现</zan-tag>
  <zan-tag :plain="true" type="danger">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="primary">返现</zan-tag>
  <zan-tag :plain="true" type="primary">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="success">返现</zan-tag>
  <zan-tag :plain="true" type="success">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="danger" :mark="true">返现</zan-tag>
</div>
```
:::

### API

| 参数       | 说明      | 类型       | 默认值       | 可选值       |
|-----------|-----------|-----------|-------------|-------------|
| plain | 是否是空心tag | `boolean`  | `false`          |           |
| mark | 是否是标记 | `boolean`  | `false`          |           |
| type | tag类型 | `string`  | `''`          | `primary`, `success`, `danger` |

### Slot

| name       | 描述      |
|-----------|-----------|
| - | 自定义tag显示内容 |