admin管理员组文章数量:1648019
前提:
公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内
使用说明:
1 使用组件前,需前往小程序后台,在“设置”->“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序主体一致。
2 在一个小程序的生命周期内,只有从以下场景进入小程序,才具有展示引导关注公众号组件的能力:
3 当小程序从扫小程序码场景(场景值1047,场景值1124)打开时
4 当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,5 5 若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
6 当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
为便于开发者调试,基础库 2.7.3 版本起开发版小程序增加以下场景展示公众号组件:
7 开发版小程序从扫二维码(场景值 1011)打开 — 体验版小程序打开
8 组件限定最小宽度为300px,高度为定值84px。
9 每个页面只能配置一个该组件。
属性名 类型 说明
bindload EventHandle 组件加载成功时触发
binderror EventHandle 组件加载失败时触发
status 有效值
值 说明
-2 网络错误
-1 数据解析错误
0 加载成功
1 小程序关注公众号功能被封禁
2 关联公众号被封禁
3 关联关系解除或未选中关联公众号
4 未开启关注公众号功能
5 场景值错误
6 重复创建
代码 :
wxml:
<!-- 公众号组件 -->
<view class=".official-account" hidden="{{ officialAccount }}">
<official-account bindload="bindload" style="width:100%;"></official-account>
<image bindtap="closeOfficialAccount" hidden="{{ closeImg }}" class="closeImg" src="../../images/icon/pay@error.png"></image>
</view>
css:
/*公众号样式*/
.official-account {
background-color: #fff;
position: fixed;
z-index: 3;
display: -webkit-inline-flex;
width: 100%;
}
.closeImg{
width: 50rpx;
height: 50rpx;
position: fixed;
right: 15rpx;
top: 5rpx;
z-index: 4;
}
js:
data: {
officialAccount: false, //公众号提示
closeImg: true,
},
//关闭公众号组件
closeOfficialAccount: function () {
this.setData({
officialAccount: true
});
},
//當時用了組件才會顯示
bindload: function () {
this.setData({
'closeImg': false,
})
},
版权声明:本文标题:微信小程序--official-account 使用 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729495858a1202901.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论