• Button 按钮
    • 使用指南
    • 一般用法
    • 不同尺寸
    • 带Icon
    • Button 参数
    • Button 事件

    Button 按钮

    按钮用于传递用户触摸时会触发的操作

    使用指南

    在 Taro 文件中引入组件

    :::demo

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

    :::

    一般用法

    :::demo

    1. <AtButton type='primary'>按钮文案</AtButton>
    2. <AtButton type='secondary'>按钮文案</AtButton>
    3. <AtButton>按钮文案</AtButton>

    :::

    不同尺寸

    :::demo

    1. <AtButton type='primary' size='normal'>按钮文案</AtButton>
    2. <AtButton type='primary' size='small'>按钮文案</AtButton>

    :::

    带Icon

    :::demo

    1. <AtButton icon='clock' type='primary' size='normal'>按钮文案</AtButton>
    2. <AtButton loading type='primary'>按钮文案</AtButton>

    :::

    Button 参数

    参数 说明 类型 可选值 默认值
    type 按钮的类型 String primary, secondary -
    size 按钮的大小 String normal, small normal
    icon 按钮的图标名字 String 见文档 Icon 图标 -
    circle 设置按钮圆角 Boolean - false
    loading 设置按钮的载入状态 Boolean - false
    disabled 设置按钮为禁用态（不可点击） Boolean - false

    Button 事件

    事件名称 说明 返回参数
    onClick 点击按钮时触发 event 对象