Skip to content

Tag 标签

cl-tag 用于标记和选择

参数

参数说明类型可选值默认值
type类型stringprimary / success / error / warning/ info
plaing是否镂空booleanfalse
size尺寸stringsmall / minismall
closable是否可关闭booleanfalse
round是否圆角booleanfalse

方法

事件名称说明参数
open显示标签
close关闭标签

示例

基础用法

html
<!-- 默认 -->
<cl-tag>默认</cl-tag>

<!-- 圆角 -->
<cl-tag round>圆角</cl-tag>

标签尺寸

html
<!-- 默认尺寸 -->
<cl-tag size="small">默认尺寸</cl-tag>

<!-- 小尺寸 -->
<cl-tag size="mini">小尺寸</cl-tag>

标签颜色

html
<cl-tag type="primary">主要</cl-tag>
<cl-tag type="success">成功</cl-tag>
<cl-tag type="error">失败</cl-tag>
<cl-tag type="warning">警告</cl-tag>
<cl-tag type="info">信息</cl-tag>

其他

html
<!-- 镂空 -->
<cl-tag plain>镂空</cl-tag>
<!-- 可移除标签 -->
<cl-tag closable>可移除标签</cl-tag>