目录
[Tag 标签](#Tag 标签)
[#单选标签 和 多选标签](#单选标签 和 多选标签)
Tag 标签
tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景
基本使用
-
通过
type参数设置主题类型，默认为primary -
属性
text设置标签内容
#自定义主题
<u-tag text="标签"></u-tag>
<u-tag text="标签" type="warning"></u-tag>
<u-tag text="标签"type="success"></u-tag>
<u-tag text="标签" type="error"></u-tag>#圆形标签
-
类似胶囊形状
#镂空标签
<u-tag text="标签" plain > </u-tag>
<u-tag text="标签" type="warning" plain></u-tag>
<u-tag text="标签" type="success" plain></u-tag>
<u-tag text="标签" type="error" plain></u-tag>#镂空带背景色
-
添加
plainFill属性镂空带背景色
#自定义尺寸
-
size属性为您提供了三种规格的标签大小，默认中等。
#可关闭标签
-
tag在右上角提供了删除标签的样式<u-tag text="标签" size="mini" closable :show="close1" @close="close1 = false">
<u-tag text="标签" type="warning" closable :show="close2" @close="close2 = false">
<u-tag text="标签" type="success" plain size="large"
closable :show="close3" @close="close3 = false">
#带图片和图标
<u-tag text="标签" size="mini" icon="map" plain></u-tag>
<u-tag text="标签" type="warning" icon="tags-fill"></u-tag>
<u-tag text="标签" type="success" plain size="large"
icon="https://cdn.uviewui.com/uview/example/tag.png"></u-tag>#单选标签 和 多选标签
-
我们为您提供了单选和多选的事件，您可以在事件中获取参数列表