标签 Tag

标签样式，用于信息标记或分类

基础用法

标签3 标签4 标签5 标签6

这是内部插槽

基础用法

标签样式，用于信息标记或分类

<title>基础用法</title>
<describe>标签样式，用于信息标记或分类</describe>
<template>
    <hc-tag :value="1" text="标签1" type="normal">标签3</hc-tag>
    <hc-tag :value="2" text="标签2" type="primary" ></hc-tag>
    <hc-tag :value="3" text="标签3" type="success" ></hc-tag>
    <hc-tag :value="4" text="标签4" type="warning">标签4</hc-tag>
    <hc-tag :value="5" text="标签5" type="danger">标签5</hc-tag>
    <hc-tag :value="6" text="标签6" type="dignify">标签6</hc-tag>
    <hc-tag :value="7"  type="defalut"><p style="margin:0">这是内部插槽</p></hc-tag>
</template>
<script>

export default {
}

</script>

属性及事件

HcTag属性

属性	说明	类型	可选值	默认值
type	主题	string	normal/primary/danger/success/warning/dignify	normal
text	显示文字	string	--	--
value	用于下拉框的备选项等	string/number	--	--
max-width	最大宽度	string/number	--	--

HcTag插槽

名称	说明
default	标签内容插槽，可自定义提示内容

• 基础用法
• 属性及事件
  • HcTag属性
  • HcTag插槽

登录