更新时间:2024-07-02 14:24:53收藏订阅更新我的文档设置返回文档简介需要重点强调该操作并且引导用户去点击的入口通过按钮表达。扫码体验使用在线示例属性说明属性类型描述sizestring有效值 default, mini(小尺寸)。 默认值: defaulttypestring按钮的样式类型,有效值 primary、default、warn。 默认值: defaultplainboolean是否镂空(ghost 与 plain 等效)。 默认值: falsedisabledboolean是否禁用。 默认值: falseloadingboolean按钮文字前是否带 loading 图标。 默认值: falsehover-classstring按钮按下去的样式类。button-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;},hover-class="none" 时表示没有被点击效果。 默认值: button-hoverhover-start-timenumber按住后多少时间后出现点击状态,单位毫秒。 默认值: 20hover-stay-timenumber手指松开后点击状态保留时间,单位毫秒。 默认值: 70hover-stop-propagationboolean是否阻止当前元素的祖先元素出现被点击样式。 默认值: false 版本要求: 基础库 1.10.0 及以上form-typestring有效值:submit、 reset,用于 form 表单 组件,点击分别会触发 submit/reset 事件。open-typestring开放能力。 版本要求: 基础库 1.1.0 及以上scopestring当 open-type 为 getauthorize 时有效。 版本要求: 基础库 1.11.0 及以上ontapeventhandle点击。 说明: 每点击一次会触发一次事件,建议自行使用代码防止重复点击,可以使用 js 防抖和节流实现。public-idstring生活号 id,必须是当前小程序同主体且已关联的生活号,open-type="lifestyle" 时有效。ongetauthorizeeventhandle当 open-type 为 getauthorize 时有效。 当授权成功时触发。 版本要求:基础库 1.11.0 及以上onfollowlifestyleeventhandle当 open-type 为 lifestyle 时有效。 当点击按钮时触发。 event.detail = { followstatus },folllowstatus 合法值有 1、2、3,其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误; 已知问题:基础库 1.0,当用户在点击按钮前已关注生活号,event.detail.followstatus 的值为 true。 版本要求:基础库 1.11.0 及以上onerroreventhandle当 open-type 为 getauthorize 时有效。 当授权失败时触发。event.detail = {type, errormessage},此时 type 的值为 getauthorize。 版本要求:基础库 1.11.0 及以上ongetuserinfoeventhandler当 open-type 为 getauthorize 且 scope 为 userinfo 时有效。 当授权成功时触发。 版本要求 :基础库 2.8.0 及以上 event.detail = { userinfo: { avatar, // 头像 nickname, // 昵称 } },ongetphonenumbereventhandler当 open-type 为 getauthorize 且 scope 为 phonenumber 时有效。 当授权成功时触发。 版本要求 :基础库 2.8.0 及以上 成功获取用户信息后返回 event.detail = { encrypteddata: '', // 加密后的手机号 sign: '', // 签名信息,如果在开放平台后台配置了加签方式后有此字段 },onchooseavatareventhandle当 open-type 为 chooseavatar 时有效。当用户选择头像后触发。版本要求:基础库 2.9.29 支付宝客户端 10.6.0 及以上。event.detail = {avatarurl // 头像临时文件链接}open-type 有效值属性描述share触发 自定义分享,可使用 my.caniuse('button.open-type.share') 判断。 版本要求:基础库 1.1.0 及以上getauthorize支持小程序授权,可使用 my.caniuse('button.open-type.getauthorize') 判断。 版本要求:基础库 1.11.0 及以上contactshare分享到通讯录好友,可使用 my.caniuse('button.open-type.contactshare') 判断。 版本要求:基础库 1.11.0 及以上lifestyle关注生活号,可使用 my.caniuse('button.open-type.lifestyle') 判断。 版本要求:基础库 1.11.0 及以上chooseavatar获取用户头像,可使用 my.caniuse(button.open-type.chooseavatar) 判断。版本要求:基础库 2.9.29 支付宝客户端 10.6.0 及以上。scope 有效值当 open-type 为 getauthorize 时,可以设置 scope 为以下值:属性描述phonenumber用户点击同意后,即可通过 my.getphonenumber 授权小程序获取用户绑定的手机号。 版本要求:基础库 1.11.0 及以上userinfo用户点击同意后,即可通过 my.getopenuserinfo 授权小程序获取支付宝会员基础信息。 版本要求:基础库 1.11.0 及以上常见问题使用 button 点击授权获取手机号,服务端要怎么解密?请查看文档 接口内容加密方式。button 如何去除默认边框?修改 style 属性为:border: 0; padding: 0;如何实现自定义分享中的 button: 页面分享按钮触发?通过给 button 组件设置属性 open-type="share",可以在用户点击按钮后触发。