wxc-button

MinUI 小程序组件 - 按钮组件

Install

$ min install @minui/wxc-button

API

Button

| 名称 | 描述 | |----------------------|------------------------------| |size | [说明]：按钮的大小[类型]：String[默认值]：normal[可选值]：normal, small, large| |type | [说明]：按钮的样式类型[类型]：String[默认值]：""[可选值]：beauty, selection, success, primary, danger, warning, secondary, info, dark, disabled| |plain | [说明]：按钮是否镂空，背景色透明[类型]：Boolean[默认值]：false| |value | [说明]：按钮的文本值支持 slot, slot 的优先级低于 value[类型]：String[默认值]：""| |loading | [说明]：按钮文本前是否带 loading 图标[类型]：Boolean[默认值]：false| |btn-style | [说明]：按钮的自定义样式[类型]：String[默认值]：""| |hover-class | [说明]：指定按钮按下去的样式类，当 hover-class="none" 时，没有点击态效果[类型]：String[默认值]：btn__hover[可选值]：btn__hover, none| |open-type | [说明]：同微信小程序 button 组件。微信开放能力[类型]：String[默认值]：""[可选值]：contact, share, getUserInfo, getPhoneNumber, launchApp| |app-parameter | [说明]：同微信小程序 button 组件。打开 APP 时，向 APP 传递的参数[类型]：String[默认值]：""| |hover-stop-propagation| [说明]：同微信小程序 button 组件。指定是否阻止本节点的祖先节点出现点击态[类型]：Boolean[默认值]：false| |hover-start-time | [说明]：同微信小程序 button 组件。按住后多久出现点击态，单位毫秒[类型]：Number[默认值]：20| |hover-stay-time | [说明]：同微信小程序 button 组件。手指松开后点击态保留时间，单位毫秒[类型]：Number[默认值]：70| |lang | [说明]：同微信小程序 button 组件。指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文[类型]：String[默认值]：en| |session-from | [说明]：同微信小程序 button 组件。会话来源[类型]：String| |send-message-title | [说明]：同微信小程序 button 组件。会话内消息卡片标题[类型]：String[默认值]：当前标题| |send-message-path | [说明]：同微信小程序 button 组件。会话内消息卡片点击跳转小程序路径[类型]：String[默认值]：当前分享路径| |send-message-img | [说明]：同微信小程序 button 组件。会话内消息卡片图片[类型]：String[默认值]：截图| |show-message-card | [说明]：同微信小程序 button 组件。显示会话内消息卡片[类型]：Boolean[默认值]：false| |bind:click | [说明]：同微信小程序 button 组件。按钮点击事件，bind:tap已废弃，请升级组件。[类型]：Handler| |bindgetuserinfo | [说明]：同微信小程序 button 组件。用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同 wx.getUserInfo[类型]：Handler| |bindcontact | [说明]：同微信小程序 button 组件。客服消息回调[类型]：Handler| |bindgetphonenumber | [说明]：同微信小程序 button 组件。获取用户手机号回调[类型]：Handler| |binderrror | [说明]：同微信小程序 button 组件。当使用开放能力时，发生错误的回调调[类型]：Handler| |bind:submit | [说明]：button 组件 form-type 设置为 submit, 内置 form 表单，点击按钮时触发 submit 事件，可用于获取 formId 等，event.detail = {value, formId}|

Note

• 小程序组件系统中组件是隔离的，组件外层套 form 标签时两者是不通的，现在组件中内置 form 标签用于获取 formId。
• 小程序组件系统中组件是隔离的，所以提交表单时无法用 form 表单获取输入框中的值，只能单独获取。

ChangeLog

v1.0.1（2018-6-5）

• wxc-button 点击事件名由 bind:tap 更名为 bind:click。

v1.0.0（2018-02-26）

• 初始版本