小程序表单组件:button

字号+ 作者:alpha 来源:www.seoalphas.com 2018-07-19 09:08 我要评论(0)

button按钮,小程序一个重要的表单组件,功能可谓强大。目前,设置了 form-type 的 button 只会对当前组件中的 form 有效。因而

button.png


button按钮相关属性:

属性名 类型 默认值 说明 生效时机 最低版本
size String default 按钮的大小

type String default 按钮的样式类型

plain Boolean false 按钮是否镂空,背景色透明

disabled Boolean false 是否禁用

loading Boolean false 名称前是否带 loading 图标

form-type String
用于 <form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件

open-type String
微信开放能力
1.1.0
hover-class String button-hover 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果

hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态
1.5.0
hover-start-time Number 20 按住后多久出现点击态,单位毫秒

hover-stay-time Number 70 手指松开后点击态保留时间,单位毫秒

lang String en 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。 open-type="getUserInfo" 1.3.0
bindgetuserinfo Handler
用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致 open-type="getUserInfo" 1.3.0
session-from String
会话来源 open-type="contact" 1.4.0
send-message-title String 当前标题 会话内消息卡片标题 open-type="contact" 1.5.0
send-message-path String 当前分享路径 会话内消息卡片点击跳转小程序路径 open-type="contact" 1.5.0
send-message-img String 截图 会话内消息卡片图片 open-type="contact" 1.5.0
show-message-card Boolean false 显示会话内消息卡片 open-type="contact" 1.5.0
bindcontact Handler
客服消息回调 open-type="contact" 1.5.0
bindgetphonenumber Handler
获取用户手机号回调 open-type="getPhoneNumber" 1.2.0
app-parameter String
打开 APP 时,向 APP 传递的参数 open-type="launchApp" 1.9.5
binderror Handler
当使用开放能力时,发生错误的回调 open-type="launchApp" 1.9.5
bindopensetting Handler
在打开授权设置页后回调 open-type="openSetting" 2.0.7

竞价

标签
小程序组件 button 表单组件

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • 小程序view内容不换行

    小程序view内容不换行

    浏览次数:1733

  • 小程序不存在页面处理 即404页面

    小程序不存在页面处理 即404页面

    浏览次数:1328

  • 小程序4种代码文件类型

    小程序4种代码文件类型

    浏览次数:934

  • 快速创建小程序说明

    快速创建小程序说明

    浏览次数:873

  • 微信小程序中换行,空格写法

    微信小程序中换行,空格写法

    浏览次数:774

  • wx.canIUse(String)-判断小程序的API,回调,参数,组件等是否在当前版本可用

    wx.canIUse(String)-判断小程序的API,回调,参数,组件等是否在当前版本可用

    浏览次数:586

  • 小程序app.json细节配置文档

    小程序app.json细节配置文档

    浏览次数:517

  • 小程序轮播图-swiper滑块视图容器

    小程序轮播图-swiper滑块视图容器

    浏览次数:452

网友点评
功能开发中......
0.265625s