表单组件 - button - 《京东小程序开发手册（20200423）》

button
- Tips

button

按钮。

属性名	类型	默认值	说明	生效时机
size	String	default	按钮的大小
type	String	default	按钮的样式类型
plain	Boolean	false	按钮是否镂空，背景色透明
disabled	Boolean	false	是否禁用
loading	Boolean	false	名称前是否带 loading 图标
form-type	String		用于`<form/>` 组件，点击分别会触发 `<form/>` 组件的 submit/reset 事件
open-type	String		京东开放能力
hover-class	String	button-hover	指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation	Boolean	false	指定是否阻止本节点的祖先节点出现点击态
hover-start-time	Number	20	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	70	手指松开后点击态保留时间，单位毫秒
lang	String	en	指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。	open-type="getUserInfo"
bindgetuserinfo	Handler		用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与jd.getUserInfo返回的一致	open-type="getUserInfo"
bindgetphonenumber	Handler		获取用户手机号回调	open-type="getPhoneNumber"
app-parameter	String		打开 App 时，向 App 传递的参数	open-type="launchApp"
binderror	Handler		当使用开放能力时，发生错误的回调	open-type="launchApp"
bindopensetting	Handler		在打开授权设置页后回调	open-type="openSetting"

注意

button-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}

size 有效值：

值	说明
default	默认大小
mini	小尺寸

type 有效值：

值	说明
primary	红色
default	白色
warn	红色

form-type 有效值：

值	说明
submit	提交表单
reset	重置表单

open-type 有效值：

值	说明
share	触发用户转发，
getUserInfo	获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息
getPhoneNumber	获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，详细说明
launchApp	打开APP，可以通过 app-parameter 属性设定向APP传的参数
openSetting	打开授权设置页

示例代码

<!--button.jxml-->
<view class="btns">
        <button type='primary'>primary</button>
        <button type='default'>default</button>
        <button type='warn'>warn</button>
        <button plain>plain</button>
        <button disabled>default</button>
        <button loading>loading</button>
        <button size='mini'>mini</button>
</view>

Tips

设置了 form-type 的 button 只会对当前组件中的 form 有效。因而，将 button 封装在自定义组件中，而 from 在自定义组件外，将会使这个 button 的 form-type 失效。