微信小程序 button 组件
Posted shangjun6
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序 button 组件相关的知识，希望对你有一定的参考价值。
button 组件 拥有强大的功能 自身可以拥有很多跟微信风格的样式，且是 表单 和 开放的能力 重要的 按钮
button 的属性：
size： 类型 字符串 按钮的大小
属性值：default 默认的
mini 小尺寸
type： 类型 字符串 按钮的样式类型
属性值：default 默认的
primary 绿色的
warn 红色的
plain： 类型 布尔 按钮是否镂空，背景色透明
disabled： 类型 布尔 是否禁用
loading： 类型 布尔 名称前是否带有 加载 的图标
form-type：类型 字符串 用于form组件 会分别触发submit和reset事件
属性值：submit 触发表单的submit事件
reset 触发表单的reset 事件
open-type：类型 字符串 微信的开放能力
属性值：contact：打开客服会话，如果用户在会话中点击消息卡片，返回小程序，可以从 bindcontact 回调中获取具体信息
share：触发用户转发
getPhoneNumber：获取用户的手机号，可以从 bindgetPhoneNumber 回调中，获取用户信息
getUserInfo：获取用户信息，可以从 bindgetUserInfo 回调中，获取用户信息
launchApp：打开APP，可以通过app-parameter 属性 向APP 传的参数
openSetting：打开授权设置页
feedback：打开"意见反馈"页面，用户提交反馈内容并上传日志，开发者可以登录小程序管理后台后，进入左侧菜单"客服反馈"页面 获取反馈内容
hover-class：类型 字符串 指定按钮按下去的样式类
hover-stop-propagation：类型 布尔 指定是否阻止本节点的祖先节点出现点击态
hover-start-time：类型 数字 按住后多久出现点击态 （单位 ms）
hover-stay-time：类型 数字 手指松开后，点击态的保留时间 （单位 ms）
lang：类型 字符串 指定返回用户信息的语言
属性值：zh-CN 简体中文
zh-TW 繁体中文
en 英文
session-from：类型 字符串 会话来源 （open-type="contact" 有效）
send-message-title：类型 字符串 会话内消息卡片标题 （open-type="contact" 有效）
属性值：当前标题
send-message-path：类型 字符串 会话内消息卡片点击跳转小程序路径 （open-type="contact" 有效）
属性值：当前分享路径
send-message-img：类型 字符串 会话内消息卡片图片 （open-type="contact" 有效）
属性值：截图
app-parameter：类型 字符串 打开APP时，向APP 传递参数 ，(open-type="launchApp" 有效)
show-message-card：类型 布尔 是否显示会话内消息卡片，设置此参数为true，用户进入客服会话，在右下角显示，可能要发送的小程序的提示，用户点击后，可以快速发送小程序的消息
（open-type="contact"）时 有效
事件：
bindgetuserinfo：用户点击该按钮时，会返回获取的用户信息，回调的 detail数据与 wx.getUserInfo 返回的一致，open-type="getUserInfo" 时有效
bindcontact：客服消息回调，open-type="contact" 时有效
bindgetphonenumber：获取用户手机号回调， open-type="getPhoneNumber" 时 有效
binderror：当使用开放能力时，发生错误的回调，open-type="launchApp" 时 有效
bindopensetting：打开授权设置页后回调，open-type="openSetting" 时 有效
bindlaunchapp：打开APP 成功的回调， open-type="launchApp" 时 有效
以上是关于微信小程序 button 组件的主要内容，如果未能解决你的问题，请参考以下文章