Tag 标签

基础用法

默认标签

Success 标签

Info 标签

Warning 标签

Danger 标签

<vp-tag>默认标签</vp-tag>
<vp-tag type="success">Success 标签</vp-tag>
<vp-tag type="info">Info 标签</vp-tag>
<vp-tag type="warning">Warning 标签</vp-tag>
<vp-tag type="danger">Danger 标签</vp-tag>

不同主题

默认标签

Success 标签

Info 标签

Warning 标签

Danger 标签

<vp-tag effect="dark">默认标签</vp-tag>
<vp-tag effect="dark" type="success">Success 标签</vp-tag>
<vp-tag effect="dark" type="info">Info 标签</vp-tag>
<vp-tag effect="dark" type="warning">Warning 标签</vp-tag>
<vp-tag effect="dark" type="danger">Danger 标签</vp-tag>

可关闭

默认标签

Success 标签

Info 标签

Warning 标签

Danger 标签

<vp-tag closable>默认标签</vp-tag>
<vp-tag closable type="success">Success 标签</vp-tag>
<vp-tag closable type="info">Info 标签</vp-tag>
<vp-tag closable type="warning">Warning 标签</vp-tag>
<vp-tag closable type="danger">Danger 标签</vp-tag>

Tag Attributes

属性名	类型	属性值	描述	默认值
type	String	"default"|"success"|"info"|"warning"|"danger"	标签类型	"default"
closable	Boolean	true | false	是否可关闭	false
disableTransitions	Boolean	true | false	是否取消关闭动画	false
effect	String	"light" | "dark"	主题	"light"