【button】 按钮组件说明
原型:
<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】 按钮组件说明的更多相关文章
- Tkinter Button按钮组件如何调用一个可以传入参数的函数
这里我们要使用python的lambda函数,lambda是创建一个匿名函数,冒号前十传入参数,后面是一个处理传入参数的单行表达式. 调用lambda函数返回表达式的结果. 首先让我们创建一个函数fu ...
- 微信小程序组件解读和分析:七、button按钮
button按钮组件说明: button,顾名思义,按钮,类似于html的button标签.我们可以设置按钮的属性,比如字体颜色大小,背景颜色等,可以给按钮绑定事件,用户点击时会触发事件. butto ...
- 【Android 应用开发】Android - 按钮组件详解
总结了Android中常用的按钮用法 示例源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6852091 -- GitHu ...
- Android - 按钮组件详解
总结了Android中常用的按钮用法 示例源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6852091 -- GitHu ...
- JAVA学习Swing章节按钮组件JButton的简单学习
package com.swing; import java.awt.Container; import java.awt.Dimension; import java.awt.GridLayout; ...
- 第二百三十七节,Bootstrap图标菜单按钮组件
Bootstrap图标菜单按钮组件 学习要点: 1.小图标组件 2.下拉菜单组件 3.按钮组组件 4.按钮式下拉菜单 本节课我们主要学习一下 Bootstrap 的三个组件功能:小图标组件.下拉菜单组 ...
- AWT编程时,Button按钮上的中文编程□□□
今天学到AWT编程时,照着书上的代码打,代码如下: import java.awt.*; public class PanelTest{ public static void main(Stri ...
- Flutter 中的常见的按钮组件 以及自定义按钮组件
Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton.FlatButton. IconButton.OutlineButton.ButtonBar.Float ...
- Flutter中的按钮组件介绍
Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton.FlatButton.IconButton.OutlineButton.ButtonBar.Floati ...
- 22Flutter中的常见的按钮组件 以及自定义按钮组件
/* Flutter中的常见的按钮组件 以及自定义按钮组件 一.Flutter中的按钮组件介绍 Flutter里有很多的Button组件,常见的按钮组件有:RaisedButton/FlatButto ...
随机推荐
- POJ 1644 分苹果 (递归解法)
把M个同样的苹果放在N个同样的盘子里,允许有的盘子空着不放,问共有多少种不同的分法?(用K表示)5,1,1和1,5,1 是同一种分法. Input 第一行是测试数据的数目t(0 <= t < ...
- 课时46.label标签(掌握)
我们点击QQ注册页面,发现了一个问题,当我们点击密码两个字的时候,输入框聚焦了,而点击确认密码的时候,输入框也聚焦了,而我们上节课做的页面,这么点击,并不聚焦 1.默认情况下文字和输入框是没有关联关系 ...
- el表达式不显示值
1.场景是自己搭建一个ssm的项目,登录页面跳转到首页,首页显示登录用户的信息,用request传递的值,用el表达式在jsp页面中没有显示 2.解决办法 早jsp的代码中添加头<%@ page ...
- oracle sqldrl命令与以及ctl文件
具体操作如下: 第一步:先编辑好数据控制文件 xx.ctl,如test.ctl options(skip=1) --跳过第一行(看实际情况) load data infile 'C:\Users\ ...
- iOS之创建通知、发送通知和移除通知的坑
1.创建通知,最好在viewDidLoad的方法中创建 - (void)viewDidLoad { [super viewDidLoad]; //创建通知 [[NSNotificationCenter ...
- 竞赛题解 - NOIP2018 旅行
\(\mathcal {NOIP2018} 旅行 - 竞赛题解\) 坑还得一层一层的填 填到Day2T1了 洛谷 P5022 题目 (以下copy自洛谷,有删减/修改 (●ˇ∀ˇ●)) 题目描述 小 ...
- Mysql 几种常见的插入 Insert into,Replace Into,Insert ignore
简要说下三者的区别:insert into 最普遍的插入,如果表中存在主键相同的数据,执行会报错. replace into 如果表中存在主键相同的数据则根据主键修改当前主键的数据,反之则插入(存在就 ...
- JFinal DB.tx()事务回滚及lambda表达式应用
JFinal DB.tx()事务回滚 在要往数据库操作多条数据时,就需要用到事务,JFinal中有封装好的事务应用 写法: Db.tx(new IAtom(){ @Override public bo ...
- multiprocessing中进程池,线程池的使用
multiprocessing 多进程基本使用 示例代码1 import time import random from multiprocessing import Process def run( ...
- 【Hadoop故障处理】高可用(HA)环境DataNode问题
[故障背景] NameNode和DataNode进程正常运行,但是网页找不到DataNode,DataNode为空.各个节点机器之间可以ping同主机名. [日志排查] 众多日志中找到如下关键点错误信 ...