admin管理员组文章数量:1648006
微信小程序–official-account–使用姿势
效果图:
实现:
前提:
公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内。
Tips
- 使用组件前,需前往小程序后台,在“设置”->“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序主体一致。
- 在一个小程序的生命周期内,只有从以下场景进入小程序,才具有展示引导关注公众号组件的能力:
- 当小程序从扫小程序码场景(场景值1047,场景值1124)打开时
- 当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
- 当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
- 为便于开发者调试,基础库
2.7.3
版本起开发版小程序增加以下场景展示公众号组件:- 开发版小程序从扫二维码(场景值 1011)打开 — 体验版小程序打开
- 组件限定最小宽度为300px,高度为定值84px。
- 每个页面只能配置一个该组件。
属性名 | 类型 | 说明 |
---|---|---|
bindload | EventHandle | 组件加载成功时触发 |
binderror | EventHandle | 组件加载失败时触发 |
detail 对象
属性名 | 类型 | 说明 |
---|---|---|
status | Number | 状态码 |
errMsg | String | 错误信息 |
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/1729496698a1202996.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论