Tag 标签

介绍

用于标记和选择。

引入

import { Tag } from 'mind-ui-vue';
Vue.use(Tag);

示例

基础用法

通过 type 属性控制标签颜色。

<m-tag type="primary">标签</m-tag>
<m-tag type="success">标签</m-tag>
<m-tag type="info">标签</m-tag>
<m-tag type="warning">标签</m-tag>
<m-tag type="danger">标签</m-tag>

朴素标签

设置 plain 属性设置为朴素样式。

<m-tag type="primary" plain>标签</m-tag>
<m-tag type="primary" plain>标签</m-tag>

标签大小

支持 normal、small、mini 三种尺寸，默认为 normal。

<m-tag type="primary" size="normal">标签</m-tag>
<m-tag type="primary" size="small">标签</m-tag>
<m-tag type="primary" size="mini">标签</m-tag>

自定义颜色

通过 color 属性设置标签颜色。

<m-tag color="#EE5C42">标签</m-tag>
<m-tag color="#EE5C42" plain>标签</m-tag>

Api

Props

参数	说明	类型	可选值	默认值
size	大小	String	mini small medium	small
type	类型	String	primary success warning danger info	primary
plain	朴素	Boolean	—	false
color	颜色	String	—	—

Slots

名称	说明
-	tag 内容