admin管理员组文章数量:1647975
微信小程序–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://m.elefans.com/xitong/1729496698a1202996.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论