button按钮
size有效值
- default 默认大小
- mini 小尺寸
type有效值
- primary 微信小程序为绿色,App、H5、百度小程序、支付宝小程序为蓝色,字节跳动小程序为红色,QQ小程序为浅蓝色
- default 白色
- warn 红色
form-type 有效值
- submit 提交表单
- reset 重置表单
效果示例
<button type="primary">页面主操作 Normal</button>
<button type="primary" loading="true">页面主操作 Loading</button> //名称前带 loading 图标
<button type="primary" disabled="true">页面主操作 Disabled</button> //禁用
<button type="default">页面次要操作 Normal</button> //白色
<button type="default" disabled="true">页面次要操作 Disabled</button> //白色禁用
<button type="warn">警告类操作 Normal</button> //红色警告
<button type="warn" disabled="true">警告类操作 Disabled</button> //红色禁用
<button type="primary" plain="true">按钮</button> //镂空,背景色透明
<button type="primary" disabled="true" plain="true">不可点击的按钮</button//禁用,透明
<button type="default" plain="true">按钮</button> //白色,透明
<button type="default" disabled="true" plain=