微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

微信小程序 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" 时 有效

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐