ui-tag 标签组件

版本：v2.3.11

标签组件用于标记和分类内容，支持自定义样式、类型和可关闭功能

基本使用

<template>
  <div class="tag-demo">
    <ui-tag type="primary">主要标签</ui-tag>
    <ui-tag type="success">成功标签</ui-tag>
    <ui-tag type="warning">警告标签</ui-tag>
    <ui-tag type="danger">危险标签</ui-tag>
    <ui-tag type="default">默认值标签</ui-tag>
  </div>
</template>

<style scoped>
.tag-demo {
  padding: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
</style>

Props

参数	类型	默认值	说明
type	String	'default'	标签类型，可选值：default、primary、success、warning、danger
size	String	'medium'	标签大小，可选值：small、medium、large
color	String	-	自定义标签颜
text-color	String	-	自定义标签文字颜
disabled	Boolean	false	是否禁用标签
closable	Boolean	false	是否可关闭标
round	Boolean	false	是否为圆角标

Events

事件	说明	回调参数
close	点击关闭按钮时触	-
click	点击标签时触	-

Slots

名称	说明
default	标签文本内容

在线演示

扫码或点击链接在手机上查看完整演示

https://shadow-ui3-demo.nooko.cn/#/pages/functional/tag/tag