微信小程序 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 组件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇oracle事务shell生成随机数的几种方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

SIP协议参数详情

SIP消息结构 请求消息和响应消息都包括SIP消息头字段和SIP消息体字段; SIP消息头主要用来指明本消息是有由谁发起和由谁接受,经过多少跳转等基本信息; SIP消息体主要用来描述本次会话具体实现方式; 请求消息格式 SIP请求消息的格式,由SIP消息头和一组参数行组成 消息体定义:  Call-ID:头字段是用来将消息分组的唯一性标识  From:头字段...

Android实现按钮点击效果(第一次点击变色,第二次恢复)

1、首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="点击变色" android:background="@drawable/btn_st" and...

为友盟消息推送开发的PHP SDK(composer版):可以按省发Android push

一直以来APP希望按省市县推送Android push,只能自己分析用户经纬度,打tag发送。 现在终于有服务商提供了。 友盟消息推送 可以“按省推送”,很方便。 我为友盟做了PHP SDK(composer版),提供给大家使用,便于集成到正规项目里。 包:https://packagist.org/packages/sinkcup/umeng-...

使用云开发数据库构建更生动的小程序

长连接服务被广泛应用在消息提醒、即时通讯、推送、直播弹幕、游戏等场景。本篇文章将介绍云开发数据库的长连接服务 - 实时数据推送,使用它来构建更生动的小程序。 什么是实时数据推送 通过云开发数据库的实时数据推送能力,小程序端可实时监听数据库变更,即它支持根据开发者给定的查询语句进行监听,每当查询语句的结果发生变化时,小程序端就会收到包含更新内容的推送,并对实...

钉钉开发系列(十二)机器人

钉钉的每个群都可以建若干个机器人,有默认的比如github,也可以自定义。我们使用自定义,建立自己的机器人,然后得到一串的URL,只要向这个URL进行POST请求后,就能将消息通知到对应的群中。机器人的创建可以参照官方的文档。 发送通知的代码如下 private string WEB_HOOK = "https://oapi.dingtalk.com/...

post请求body格式

在PostMan中用Post方式,Body有form-data,x-www-form-urlencoded,raw,binary四种。 其中raw又分以下7种。 现在来区分一下: form-data是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的...