微信小程序official-account的使用

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html

注意：

使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。

在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:

当小程序从扫小程序码场景（场景值1047，场景值1124）打开时
当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
为便于开发者调试，基础库 2.7.3 版本起开发版小程序增加以下场景展示公众号组件：

开发版小程序从扫二维码（场景值 1011）打开 — 体验版小程序打开
组件限定最小宽度为300px，高度为定值84px。

每个页面只能配置一个该组件。

使用：

1.在页面中使用

  <!-- 公众号组件 -->
      <official-account  style="100%;"></official-account>

2.编译方式

根据以上注意内容中的场景值进行编译

 3.1089是我命名的场景值，最后扫码预览