7 表单组件 button

一、button属性:

属性名类型默认值说明生效时机平台差异说明
size String default 按钮大小。 default默认大小。mini小尺寸。    
type String default 按钮的样式。primary绿色  default白色  warn红色    
plain Boolean false 按钮是否镂空,背景色透明    
disabled Boolean false 是否禁用    
loading Boolean false 名称前是否带 loading 图标   App-nvue 平台,在 ios 上为雪花,Android上为圆圈
form-type String   用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件    
hover-class String button-hover 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果   App-nvue 平台暂不支持
hover-start-time Number 20 按住后多久出现点击态,单位毫秒    
hover-stay-time Number 70 手指松开后点击态保留时间,单位毫秒    
hover-stop-propagation boolean false 指定是否阻止本节点的祖先节点出现点击态   微信小程序
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 是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,用户点击后可以快速发送小程序消息,open-type="contact"时有效   微信小程序
@getphonenumber Handler   获取用户手机号回调 open-type="getPhoneNumber" 微信小程序
@getuserinfo Handler   用户点击该按钮时,会返回获取到的用户信息,从返回参数的detail中获取到的值同uni.getUserInfo open-type="getUserInfo" 微信小程序
@error Handler   当使用开放能力时,发生错误的回调 open-type="launchApp" 微信小程序
@opensetting Handler   在打开授权设置页并关闭后回调 open-type="openSetting" 微信小程序
@launchapp Handler   从小程序打开 App 成功的回调 open-type="launchApp" 微信小程序

注意:open-type="launchApp"时需要调起的APP接入微信OpenSDK详见

open-type 有效值

说明平台差异说明
feedback 打开“意见反馈”页面,用户可提交反馈内容并上传日志 App、微信小程序、QQ小程序
share 触发用户转发 微信小程序、百度小程序、支付宝小程序、字节跳动小程序、飞书小程序、QQ小程序、快手小程序
getUserInfo 获取用户信息,可以从@getuserinfo回调中获取到用户信息 微信小程序、百度小程序、QQ小程序、快手小程序
contact 打开客服会话,如果用户在会话中点击消息卡片后返回应用,可以从 @contact 回调中获得具体信息 微信小程序、百度小程序
getPhoneNumber 获取用户手机号,可以从@getphonenumber回调中获取到用户信息 微信小程序、百度小程序、字节跳动小程序、支付宝小程序、快手小程序。App平台另见一键登陆
launchApp 小程序中打开APP,可以通过app-parameter属性设定向APP传的参数 微信小程序QQ小程序
openSetting 打开授权设置页 微信小程序、百度小程序
getAuthorize 支持小程序授权 支付宝小程序
contactShare 分享到通讯录好友 支付宝小程序
lifestyle 关注生活号 支付宝小程序
openGroupProfile 呼起QQ群资料卡页面,可以通过group-id属性设定需要打开的群资料卡的群号,同时manifest中必须配置groupIdList QQ小程序基础库1.4.7版本+
posted @ 2021-12-27 21:11  云里知音  阅读(70)  评论(0)    收藏  举报