Tag 标签

<!-- 基础用法 -->
  <re-tag class="demo-tag-default">默认</re-tag>
  <re-tag class="demo-tag-primary" theme="primary">主要</re-tag>
  <re-tag class="demo-tag-success" theme="success">成功</re-tag>
  <re-tag class="demo-tag-warning" theme="warning">警告</re-tag>
  <re-tag class="demo-tag-danger" theme="danger">危险</re-tag>

<!-- 尺寸 -->
  <re-tag class="demo-tag-small" size="small" theme="primary">小</re-tag>
  <re-tag class="demo-tag-medium" size="medium" theme="primary">中</re-tag>
  <re-tag class="demo-tag-large" size="large" theme="primary">大</re-tag>

<!-- 形状 -->
  <re-tag class="demo-tag-square" shape="square" theme="primary">方形</re-tag>
  <re-tag class="demo-tag-round" shape="round" theme="primary">圆角</re-tag>
  <re-tag class="demo-tag-marks" shape="marks" theme="primary">标记</re-tag>

<!-- 类型 -->
  <re-tag class="demo-tag-dark" variant="dark" theme="primary">深色</re-tag>
  <re-tag class="demo-tag-light" variant="light" theme="primary">浅色</re-tag>
  <re-tag class="demo-tag-outline" variant="outline" theme="primary">描边</re-tag>
  <re-tag class="demo-tag-light-outline" variant="light-outline" theme="primary">浅描边</re-tag>

<!-- 可关闭 -->
  <re-tag v-for="(tag, index) in closableTags" :key="index" :closable="true" :theme="tag.theme" @close="onTagClose(index)">{{ tag.text }}</re-tag>
  <re-tag class="demo-tag-not-closable" theme="primary">不可关闭</re-tag>

<!-- 禁用 -->
  <re-tag class="demo-tag-disabled" :disabled="true" theme="primary">禁用</re-tag>

<!-- 带图标 -->
  <re-tag class="demo-tag-icon" icon="★" theme="primary">带图标</re-tag>
  <re-tag class="demo-tag-icon-danger" icon="!" theme="danger">危险图标</re-tag>

<!-- 自定义样式 -->
  <re-tag class="demo-tag-custom-style" theme="primary" customStyle="margin-top: 5px;">自定义样式</re-tag>