原型:

<button
size="[default | mini]"
type="[primary | default | warn]"
plain="[Boolean]"
disabled="[Boolean]"
loading="[Boolean]"
form-type="[submit | reset]"
open-type="[contact | share | getUserInfo | getPhoneNumber | launchApp | openSetting | feedback]"
hover-class="[String]"
hover-stop-propagation="[Boolean]"
hover-start-time="[Number]"
hover-stay-time="[Number]"
lang="[zh_CN | zh_TW | en]"
bindgetuserinfo="[Handler]"
session-from="[String]"
send-message-title="[String]"
send-message-path="[String]"
send-message-img="[String]"
show-message-card="[Boolean]"
bindcontact="[Handler]"
bindgetphonenumber="[Handler]"
app-parameter="[String]"
binderror="[Handler]"
bindopensetting="[Handler]" >
</button>

属性:

名称 是否必须 类型 默认值 说明
size [default | mini] default 按钮大小
type [primary | default | warn] default 按钮的样式类型
plain [Boolean] false 按钮是否镂空,背景色透明
disabled [Boolean] false 是否禁用
loading [Boolean] false 名称前是否带 loading 图标
form-type [submit | reset] false 用于 <form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件
open-type [contact | share | getUserInfo | getPhoneNumber | launchApp | openSetting | feedback]  

微信开放能力(各参数值说明见后表)

hover-class [String]

button-hover类

样式:{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}

指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagation [Boolean] false 指定是否阻止本节点的祖先节点出现点击态
hover-start-time [Number] 20 按住后多久出现点击态,单位毫秒
hover-stay-time [Number] 70 手指松开后点击态保留时间,单位毫秒
lang [en | zh_CN | zh_TW] en 返回用户信息的语言,生效条件:open-type="getUserInfo"
bindgetuserinfo [Handler]   用户点击该按钮时,会返回获取到的用户信息,生效条件:open-type="getUserInfo"
session-from [String]   会话来源,生效条件:open-type="contact"
send-message-title [String] 当前标题 会话内消息卡片标题,生效条件:open-type="contact"
send-message-path [String] 当前分享路径 会话内消息卡片点击跳转小程序路径,生效条件:open-type="contact" 
send-message-img [String]  截图 会话内消息卡片图片,生效条件:open-type="contact"
show-message-card [Boolean]  false 显示会话内消息卡片,生效条件:open-type="contact"
bindcontact [Handler]   客服消息回调,生效条件:open-type="contact"
bindgetphonenumber [Handler]    获取用户手机号回调,生效条件:open-type="getPhoneNumber"
app-parameter 否  [String]    打开 APP 时,向 APP 传递的参数,生效条件:open-type="launchApp" 
binderror  否  [Handler]    当使用开放能力时,发生错误的回调,生效条件:open-type="launchApp" 
bindopensetting 否  [Handler]    在打开授权设置页后回调,生效条件:open-type="openSetting"

open-type 有效值:

说明
contact 打开客服会话,如果用户在会话中点击消息卡片后返回小程序,可以从 bindcontact 回调中获得具体信息
share 触发用户转发
getUserInfo 获取用户信息,可以从bindgetuserinfo回调中获取到用户信息
getPhoneNumber 获取用户手机号,可以从bindgetphonenumber回调中获取到用户信息
launchApp 打开APP,可以通过app-parameter属性设定向APP传的参数
openSetting 打开授权设置页
feedback 打开“意见反馈”页面,用户可提交反馈内容并上传日志,开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容

未完,待续...

【button】 按钮组件说明的更多相关文章

  1. Tkinter Button按钮组件如何调用一个可以传入参数的函数

    这里我们要使用python的lambda函数,lambda是创建一个匿名函数,冒号前十传入参数,后面是一个处理传入参数的单行表达式. 调用lambda函数返回表达式的结果. 首先让我们创建一个函数fu ...

  2. 微信小程序组件解读和分析:七、button按钮

    button按钮组件说明: button,顾名思义,按钮,类似于html的button标签.我们可以设置按钮的属性,比如字体颜色大小,背景颜色等,可以给按钮绑定事件,用户点击时会触发事件. butto ...

  3. 【Android 应用开发】Android - 按钮组件详解

    总结了Android中常用的按钮用法 示例源码下载地址 : -- CSDN :  http://download.csdn.net/detail/han1202012/6852091 -- GitHu ...

  4. Android - 按钮组件详解

    总结了Android中常用的按钮用法 示例源码下载地址 : -- CSDN :  http://download.csdn.net/detail/han1202012/6852091 -- GitHu ...

  5. JAVA学习Swing章节按钮组件JButton的简单学习

    package com.swing; import java.awt.Container; import java.awt.Dimension; import java.awt.GridLayout; ...

  6. 第二百三十七节,Bootstrap图标菜单按钮组件

    Bootstrap图标菜单按钮组件 学习要点: 1.小图标组件 2.下拉菜单组件 3.按钮组组件 4.按钮式下拉菜单 本节课我们主要学习一下 Bootstrap 的三个组件功能:小图标组件.下拉菜单组 ...

  7. AWT编程时,Button按钮上的中文编程□□□

    今天学到AWT编程时,照着书上的代码打,代码如下: import java.awt.*; public class PanelTest{    public static void main(Stri ...

  8. Flutter 中的常见的按钮组件 以及自定义按钮组件

    Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton.FlatButton. IconButton.OutlineButton.ButtonBar.Float ...

  9. Flutter中的按钮组件介绍

    Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton.FlatButton.IconButton.OutlineButton.ButtonBar.Floati ...

  10. 22Flutter中的常见的按钮组件 以及自定义按钮组件

    /* Flutter中的常见的按钮组件 以及自定义按钮组件 一.Flutter中的按钮组件介绍 Flutter里有很多的Button组件,常见的按钮组件有:RaisedButton/FlatButto ...

随机推荐

  1. Java 内部类综述

    转载自:https://blog.csdn.net/justloveyou_/article/details/53245561

  2. 【转载】iPhone屏幕尺寸、分辨率及适配

    iPhone屏幕尺寸.分辨率及适配 转载http://m.blog.csdn.net/article/details?id=42174937 1.iPhone尺寸规格 iPhone 整机宽度Width ...

  3. iOS11.2-11.3.1进行越狱及问题

    设备环境:Electra.iOS11.13.1 PS:Electra最新版本进行越狱只支持11.14以下的版本.同时这是不完美越狱,每次重启手机都需要重新越狱,最后,由于Electra版本推出仓促,一 ...

  4. Handshake Lemma

    - finite undirected gragh ∑deg(v) = 2|E| In a k-ary tree where every node has either 0 or k children ...

  5. IPC进程间通信---共享内存

    共享内存 共享内存:共享内存就是分配一块能被其它进程访问的内存.每个共享内存段在内核中维护着一个内部结构shmid_ds, 该结构定义在头文件linux/shm.h中,其结构如下: struct sh ...

  6. vue中将html字符串转换成html后的一些问题

    今天整理之前做vue项目时遇到的一些问题,发现了当时遇到的一个很小但是又会引出很多问题的一个问题(总之就是很有意思,听我慢慢给你到来),这个问题就是当时处理后端数据时,如何将后端返回来的字符串转换成h ...

  7. JS 匿名函数或自执行函数总结

    JS引擎在遇到function关键字时做如下两种处理: 1.当语句是以function关键字开头:此时的JS语句解释为函数声明,因此function关键字后面必须要跟函数名字,如果写成匿名函数,则会报 ...

  8. java synchronized 关键字原理

    Synchronized 关键字是解决并发问题常用解决方案,有以下三种使用方式: 同步普通方法,锁的是当前对象.同步静态方法,锁的是当前 Class 对象.同步块,锁的是 {} 中的对象. 实现原理: ...

  9. 请求报文的方法及get与post的区别

    请求报文的方法及get与post的区别 请求的起始以方法作为开始,方法用来告诉服务器要如何做. 在开发中通常有两种请求方式. get方式: 是以实体的方式得到由请求 URI 所指定资源的信息,如果请求 ...

  10. 解决brew下载php(不存在libphp7.so)

    我是一名PHP的初学者,在mac上安装php7参考作者 coolma <在mac中如何安装php7>: 1. 安装Homebrew(mac ox不可或缺套件管理器,方便快捷的安装插件等) ...