Tag 标记

使用指南

组件介绍

Tag 标记是一种由您自己定义的，比分类更准确、更具体，可以概括文章主要内容的关键词

引入方式

import { Tag } from 'feart';

components: {
  'fe-tag': Tag
}

代码演示

基本用法

通过 color 属性控制 Tag 内容颜色，默认为 #0081EC

<fe-tag color="#0081EC">标签</fe-tag>

线框样式

通过 type 属性控制 Tag 类型，默认为 default

<fe-tag type="plain">标签</fe-tag>

大小样式

通过 size 属性控制 Tag 大小，默认为 default

<fe-tag size="large">标签</fe-tag>
<fe-tag size="default">标签</fe-tag>
<fe-tag size="small">标签</fe-tag>

圆角样式

通过 round 属性控制 Tag 圆角，默认为 true

<fe-tag>标签</fe-tag> <fe-tag round="false">标签</fe-tag>

特殊样式

自定义设置

<fe-tag color="#ffffff" background="#F73035">拼</fe-tag>
<fe-tag color="#ffffff" background="#2A9FF3" round="false">标签</fe-tag>
<fe-tag>标签标签</fe-tag>
<fe-tag><fe-icon name="love" color="#0081EC" size="12px" />标签标签</fe-tag>

API

Slots