Combo UITag 标签
你可以给一切事物贴上花花绿绿的标签，但最好不要随便给人贴标签。
各种样式
Tag1
Tag1
Tag1
Tag1
Tag1
Tag1
Tag1
Tag1
Tag1
Tag1
圆形 Tag1
Tag1
Tag1
Tag1
Tag1
尺寸 Tag1
Tag1
Tag1
Tag1
Tag1
Tag1
可关闭 Tag1
Tag1
Tag1
事件 Click!
Mouseover!
Close!
vue
<script setup>
import { CTag } from '../../src'
const clicktest = () => console.log('clicked')
const closetest = () => console.log('closed')
const mouseovertest = () => console.log('mouseover')
</script>
<template>
各种样式
<br />
<CTag clean>Tag1</CTag> <CTag clean type="primary">Tag1</CTag>
<CTag clean type="success">Tag1</CTag>
<CTag clean type="warning">Tag1</CTag>
<CTag clean type="error">Tag1</CTag> <CTag>Tag1</CTag>
<CTag type="primary">Tag1</CTag> <CTag type="success">Tag1</CTag>
<CTag type="warning">Tag1</CTag> <CTag type="error">Tag1</CTag>
<div></div>
圆形
<br />
<CTag round>Tag1</CTag> <CTag type="primary" round>Tag1</CTag>
<CTag type="success" round>Tag1</CTag>
<CTag type="warning" round>Tag1</CTag>
<CTag type="error" round>Tag1</CTag>
<div></div>
尺寸
<br />
<CTag clean type="success" size="s">Tag1</CTag>
<CTag clean type="warning" size="m">Tag1</CTag>
<CTag clean type="error" size="l">Tag1</CTag>
<CTag clean round type="success" size="s">Tag1</CTag>
<CTag clean round type="warning" size="m">Tag1</CTag>
<CTag clean round type="error" size="l">Tag1</CTag>
<div></div>
可关闭
<br />
<CTag clean round type="success" size="s" closable>Tag1</CTag>
<CTag clean round type="warning" size="m" closable>Tag1</CTag>
<CTag clean round type="error" size="l" closable>Tag1</CTag>
<div></div>
事件
<br />
<CTag @c_click="clicktest">Click!</CTag>
<CTag @c_mouseover="mouseovertest">Mouseover!</CTag>
<CTag closable @c_close="closetest">Close!</CTag>
<div></div>
<br />
</template>