Tag 标签


用于展示1个或多个文字标签,可点击切换选中、不选中的状态。

使用指南

在 Taro 文件中引入组件

  1. import { AtTag } from 'taro-ui'

组件依赖的样式文件(仅按需引用时需要)

  1. @import "~taro-ui/dist/style/components/tag.scss";

用法

  1. <AtTag>标签</AtTag>
    <AtTag type='primary' circle>标签</AtTag>
    <AtTag size='small'>标签</AtTag>

点击事件

  1. <!-- 点击返回当前标签名字和是否选中 -->
    <AtTag
    name='tag-1'
    type='primary'
    circle
    onClick={this.onClick.bind(this)}
    >
    tag-1
    </AtTag>

Tag 参数

参数说明类型可选值默认值
size大小尺寸Stringnormal, smallnormal
type样式类型Stringprimary-
name标签名字String--
circle是否大圆角Boolean-false
active是否为选中态Boolean-false
disabled是否为禁用态Boolean-false

Tag 事件

事件名称说明返回参数
onClick点击标签时触发,返回标签名字和状态name, active

Tag标签 - 图1