Tag 标签 ​

  <eb-space direction="vertical" size="small">
    <eb-space size="small">
      <eb-tag>默认 info</eb-tag>
      <eb-tag type="primary">主要</eb-tag>
      <eb-tag type="success">成功</eb-tag>
      <eb-tag type="warning">警告</eb-tag>
      <eb-tag type="danger">危险</eb-tag>
    </eb-space>
    <eb-space size="small">
      <eb-tag type="primary" effect="light">primary light</eb-tag>
      <eb-tag type="primary" effect="dark">primary dark</eb-tag>
      <eb-tag type="success" effect="light">success light</eb-tag>
      <eb-tag type="success" effect="dark">success dark</eb-tag>
      <eb-tag type="warning" effect="light">warning light</eb-tag>
      <eb-tag type="danger" effect="dark">danger dark</eb-tag>
    </eb-space>
  </eb-space>

  <eb-space direction="vertical" size="small">
    <eb-space size="small">
      <eb-tag size="small">small</eb-tag>
      <eb-tag size="default">default</eb-tag>
      <eb-tag size="large">large</eb-tag>
    </eb-space>
    <eb-space size="small">
      <eb-tag type="primary" round>圆角标签</eb-tag>
      <eb-tag type="success" closable>可关闭</eb-tag>
      <eb-tag type="warning" hit>hit 边框</eb-tag>
    </eb-space>
  </eb-space>

  <eb-space size="small">
    <eb-tag color="#6f42c1">自定义色</eb-tag>
    <eb-tag color="#6f42c1" effect="dark">自定义深色</eb-tag>
    <eb-tag color="#0ea5e9" effect="light">自定义浅色</eb-tag>
    <eb-tag color="#0ea5e9" round effect="dark">组合形态</eb-tag>
  </eb-space>

  <eb-space wrap size="small">
    <eb-tag v-for="(item, i) in tagList" :key="item" type="primary" closable @close="removeTag(i)">{{ item }}</eb-tag>
  </eb-space>
  <div style="margin-top:12px;display:flex;gap:8px;">
    <eb-input v-model="tagInput" size="small" style="width:180px;" placeholder="输入标签，回车确认" @keydown.enter="addTag" />
    <eb-button size="small" type="primary" @click="addTag">添加</eb-button>
  </div>

  <eb-space size="small">
    <eb-tag
      v-for="t in ['primary', 'success', 'warning', 'danger']"
      :key="t"
      :type="t"
      :effect="picked === t ? 'dark' : 'plain'"
      style="cursor:pointer;"
      @click="picked = t"
    >{{ t }}</eb-tag>
  </eb-space>
  <p style="margin-top:8px;font-size:13px;color:#909399;">当前选中：{{ picked }}</p>