• Tag 标签
    • 使用指南
    • 用法
    • 点击事件
    • Tag 参数
    • Tag 事件

    Tag 标签

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

    使用指南

    在 Taro 文件中引入组件

    :::demo

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

    :::

    用法

    :::demo

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

    :::

    点击事件

    :::demo

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

    :::

    Tag 参数

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

    Tag 事件

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