wx小程序，前端公众号推送消息

wx小程序，前端引导用户关注公众号推送消息

第一步：
在小程序登录后，请求后台得到返回是否关注公众号字段（如果有关注后台是有unionID的），将该字段存入storage中，在首页处拿来判断显隐‘ 引导关注公众号 ’的modal
第二步：
在首页写modal层
showAccount字段为判断显隐
changeShowAccount() 点击关闭modal
第三步：
button按钮上 open-type=“contact” 打开客服会话，后台设置进入客服会话后“关键词”回复指定的图、文，推广公众号的二维码或文案

<!-- 关注公众号组件 -->
    <view class="account" v-if="showAccount == true" @click="changeShowAccount">
      <view class="title">
        <text style="width: 73%">
          您还未关注公众号，点此关注发送‘1’马上关注
        </text>
        <button
          open-type="contact"
          hover-class="none"
          class="btnAccount fr margin-top-xs"
        >
          关注
        </button>
      </view>
    </view>

css

.account {
  width: 100%;
  height: 100%;
  padding: 20% 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(16, 16, 16, 0.5);
  z-index: 100;
  .title {
    color: #fff;
    width: 92%;
    height: 222upx;
    line-height: 48upx;
    margin: 0 auto;
    padding: 46upx;
    border-radius: 8upx;
    background: rgba(16, 16, 16, 0.7);
    z-index: 120;
    display: flex;
    .btnAccount {
      width: 160upx;
      height: 60upx;
      line-height: 60upx;
      font-size: 28upx;
      border: 1px solid #06cb7c;
      color: #06cb7c;
    }
  }
}

效果图

==注意：==微信开放平台上要绑定有同一平台的小程序、公众号，才能有unionID（多个应用的唯一标识）
----------仅个人笔记，不喜勿喷