@beysong/wxc-button

MinUI 小程序组件 - 按钮组件

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beysong/wxc-button
Minified + gzip package size for @beysong/wxc-button in KB

Readme

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)

  • 初始版本

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.