微信小程序--official-account 使用

前提：
公众号关注组件。当用户扫小程序码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内
使用说明：
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,
    })
  },