小程序跳转公众号official-account组件的使用

official-account:显示公众号组件

官方说明:(https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html)
注:(1) 基础库 2.3.0 开始支持,低版本需做兼容处理。
(2)微信 Mac 版:支持

功能描述
公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内。

基础库 2.18.1 起,公众号关注组件显示场景值变更如下:

小程序场景值命中以下值时,可展示关注公众号组件:

1011 扫描二维码
1017 前往小程序体验版的入口页
1025 扫描一维码
1047 扫描小程序码
1124 扫“一物一码”打开小程序
小程序热启动场景值命中以下值时,冷启动场景值在【1011、1017、1025、1047、1124】中,可展示关注公众号组件:

1001 发现栏小程序主入口,「最近使用」列表
1038 从另一个小程序返回
1041 从插件小程序返回小程序
1089 微信聊天主界面下拉,「最近使用」栏
1090 长按小程序右上角菜单唤出最近使用历史
1104 微信聊天主界面下拉,「我的小程序」栏
1131 浮窗
1187 新版浮窗,微信8.0起

使用组件前,需前往小程序后台,在“设置”->“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序为同主体或关联主体。
(具体配置见官网链接)

使用:

开发者工具场景值预览如下添加编译模式:
在这里入图片描述
设置完成扫码进去既可在底部看到如下图所示
在这里插入图片描述
默认是在页面最底部,如果想要一直显示在屏幕底部,外部需要加view,给固定定位即可



样式中设置css
.officialBox {
background-color: #fff;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值