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" 时 有效
原文地址:https://www.cnblogs.com/shangjun6/p/10914299.html