使用引流公众号组件，你需要知道这些

小程序又开放一项新能力，就是可以在小程序里面引导关注公众号，那以前是怎么做公众号导流的呢？由于小程序里面无法直接识别二维码，只能提示用户保存公众号二维码，然后微信再扫码关注。从整个流程来看是很漫长，而且复杂的。

那现在好了，小程序里可以直接导流到公众号了：

开发文档如下：

注意：要能使用这个组件，必须按照红色标注的地方所说到小程序里面去设置要关注的公众号。

除了上面官方给出的一些注意点，我再给一些建议和“坑点”：

1.开发者工具暂时没有跟进此项功能：

就算我设置了对应的场景值，依旧没有引导关注的组件。

2.在设置包裹该组件的样式时，最好不要有padding值：

<view class="ucenter-item">
     <official-account></official-account>
</view>

.ucenter-item {
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    background-color: #fff;
}

结果如下，看似挺好：

可是当没有改组件时，毕竟只有在某些场景下才会出现该组件：

如上图红色部分，在没有组件时就会留下一块空白，所以我们得做好两种状态下，最好不要影响页面布局。最后我选择如下布局：

<view style="position:fixed;bottom:0;z-index:10;width:100%;display:flex;justify-content: center;">
    <official-account></official-account>
</view>

另外再说一点：在设置position:fixed之后，默认情况下组件是被广告遮挡的，所以最好加个z-index的属性。