Button 按钮

当选项过多时，使用下拉菜单展示并选择内容。

基本用法

适用广泛的基础单选

默认按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮

朴素按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮

圆角按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮

<template>
  <div>
    <mt-button>默认按钮</mt-button>
    <mt-button type="primary">主要按钮</mt-button>
    <mt-button type="success">成功按钮</mt-button>
    <mt-button type="info">信息按钮</mt-button>
    <mt-button type="warning">警告按钮</mt-button>
    <mt-button type="danger">危险按钮</mt-button>
  </div>
  <br />
  <div>
    <mt-button plain>朴素按钮</mt-button>
    <mt-button type="primary" plain>主要按钮</mt-button>
    <mt-button type="success" plain>成功按钮</mt-button>
    <mt-button type="info" plain>信息按钮</mt-button>
    <mt-button type="warning" plain>警告按钮</mt-button>
    <mt-button type="danger" plain>危险按钮</mt-button>
  </div>
  <br />
  <div>
    <mt-button round>圆角按钮</mt-button>
    <mt-button type="primary" round>主要按钮</mt-button>
    <mt-button type="success" round>成功按钮</mt-button>
    <mt-button type="info" round>信息按钮</mt-button>
    <mt-button type="warning" round>警告按钮</mt-button>
    <mt-button type="danger" round>危险按钮</mt-button>
  </div>
  <br />
  <div>
    <mt-button icon="hm-icon-search" circle></mt-button>
    <mt-button type="primary" icon="hm-icon-edit" circle></mt-button>
    <mt-button type="success" icon="hm-icon-check" circle></mt-button>
    <mt-button type="info" icon="hm-icon-message" circle></mt-button>
    <mt-button type="warning" icon="hm-icon-star-off" circle></mt-button>
    <mt-button type="danger" icon="hm-icon-delete" circle></mt-button>
  </div>
</template>

Expand Copy Copy

参数

参数	说明	类型	可选值	默认值
type	类型	string	primary / success / warning / danger / info	——
plain	是否朴素按钮	boolean	—	false
round	是否圆角按钮	boolean	—	false
circle	是否圆形按钮	boolean	—	false
disabled	是否禁用状态	boolean	—	false
icon	图标类名	string	—	—