标签

标签组件。

属性

名称	类型	默认值	说明
hoverClass	String	pure-hover	指定按下去的样式类
text	[String, Number]	-	显示的文本
iconName	String	-	前置图标名称
iconMode	String	-	[参考] 前置图标图片的裁剪、缩放模式
closeable	Boolean	false	是否可关闭
closeIconName	String	-	关闭图标名称
closeIconMode	String	-	[参考] 关闭图标图片的裁剪、缩放模式
theme	String	-	[详情] 标签主题
ghost	Boolean	false	是否是幽灵标签
plain	Boolean	false	是否是镂空标签
round	Boolean	false	是否是圆角标签

主题

通过 theme 属性来设置标签主题，主题分为内置主题和自定义扩展主题。

内置主题

直接将 theme 属性设置为内置主题名称即可使用，如 theme="primary"。

主题名称	说明
primary	主要标签。
success	成功标签。
warning	警告标签。
danger	危险标签。
info	信息标签。

扩展主题

1. 首先在 css 中定义好主题变量名。
2. 直接将变量名赋值给 theme 属性即可使用，如 theme="--my-custom-tag-theme-1"。

vue

<!-- 扩展主题 -->
<pure-tag text="扩展主题" theme="--my-custom-tag-theme-1" />

css

/* 定义扩展主题变量 */
page {
	--my-custom-tag-theme-1: #ff9900;
}

事件

名称	参数	说明
@onClick	-	点击时触发

插槽

名称	参数	说明
#default	-	默认，通过插槽设置的内容。注意：内容会原样显示， mode、max、suffix、decimal 属性会失效