Button 按钮
按钮组件用于响应用户点击行为,触发相应的业务逻辑,预设 9 种颜色 light, stable, positive, calm, assertive, balanced, energized, royal, dark 可选用。
API
| 参数 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| prefixCls | string |
自定义类名前缀 | dn-button |
| type | string |
按钮类型,可选值为 light、stable、positive、calm、assertive、balanced、energized、royal、dark | stable |
| clear | boolean |
是否清除样式 | false |
| block | boolean |
是否块级元素 | false |
| full | boolean |
是否通栏 | false |
| outline | boolean |
是否镂空 | false |
| bordered | boolean |
是否带边框 | true |
| size | string |
按钮的大小,可选值为 small、default、large | default |
| disabled | boolean |
是否禁用 | false |
| loading | boolean |
名称前是否带 loading 图标 | false |
| formType | string |
<form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件 |
- |
| openType | string |
微信开放能力,可选值为 contact、share、getUserInfo、getPhoneNumber | - |
| hoverClass | string |
指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果 | default |
| hoverStopPropagation | boolean |
指定是否阻止本节点的祖先节点出现点击态 | false |
| hoverStartTime | number |
按住后多久出现点击态,单位毫秒 | 20 |
| hoverStayTime | number |
手指松开后点击态保留时间,单位毫秒 | 70 |
| lang | string |
指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。 | en |
| sessionFrom | string |
会话来源 | - |
| sendMessageTitle | string |
会话内消息卡片标题 | 当前标题 |
| sendMessagePath | string |
会话内消息卡片点击跳转小程序路径 | 当前分享路径 |
| sendMessageImg | string |
会话内消息卡片图片 | 截图 |
| showMessageCard | boolean |
显示会话内消息卡片 | false |
| appParameter | string |
打开 APP 时,向 APP 传递的参数 | - |
| bind:click | function |
点击事件 | - |
| bind:getuserinfo | function |
用户点击该按钮时,会返回获取到的用户信息,回调的 detail 数据与 wx.getUserInfo 返回的一致 | - |
| bind:contact | function |
客服消息回调 | - |
| bind:getphonenumber | function |
获取用户手机号回调 | - |
| bind:error | function |
当使用开放能力时,发生错误的回调 | - |
| bind:opensetting | function |
在打开授权设置页后回调 | - |
| bind:launchapp | function |
打开 APP 成功的回调,open-type=launchApp时有效 | - |
| bind:chooseavatar | function |
获取用户头像回调,open-type=chooseAvatar时有效 | - |