button
简介
按钮。
使用限制
小程序 IDE 自 0.13.0 版本后,将 mbutton 标签修正为 button,同时兼容之前版本的 mbutton,如项目中使用了非下述的属性以及事件,请注意修改。
属性说明
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 按钮类型,可选值为 default、primary、 secondary、warn 或者不设置 | String | default |
size | 按钮大小,可选值为 large、small、mini、normal 或者不设置 | String | normal |
long | 开启后,按钮的长度为 100% | Boolean | FALSE |
disabled | 设置按钮为禁用状态 | Boolean | FALSE |
loading | 设置按钮为加载中状态 | Boolean | FALSE |
事件
名称 | 说明 | 回调参数 |
---|---|---|
tap | 点击时时触发函数 | Event |
示例
代码示例
<view class="pd16">
<view class="bg-white br4 pd16">
<button size="normal" type="default" :loading="false">
default button
</button>
<button size="large" type="primary" :loading="false">
large info button
</button>
<button size="small" type="warn" :loading="true">
small danger loading button
</button>
</view>
</view>
.pd16 {
padding: 16px;
}
.br4 {
border-radius: 4px;
}
.bg-white {
background-color: #fff;
}