HomeDocs
跳到主要内容

button

简介

按钮。

使用限制

小程序 IDE 自 0.13.0 版本后,将 mbutton 标签修正为 button,同时兼容之前版本的 mbutton,如项目中使用了非下述的属性以及事件,请注意修改。

属性说明

属性说明类型默认值
type按钮类型,可选值为 default、primary、 secondary、warn 或者不设置Stringdefault
size按钮大小,可选值为 large、small、mini、normal 或者不设置Stringnormal
long开启后,按钮的长度为 100%BooleanFALSE
disabled设置按钮为禁用状态BooleanFALSE
loading设置按钮为加载中状态BooleanFALSE

事件

名称说明回调参数
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;
}
Privacy agreementDeveloper agreementcontact us: developer_service.mi@transsion.com © 2024 MiniApp. All Rights Reserved.