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(多个应用的唯一标识)
----------仅个人笔记,不喜勿喷