关于微信小程序对接客服聊天 不用button按钮触发 用自己的组件触发解决方案

今天写小程序碰到一个问题，我用的插件，包含客服、购物车、立即购买等按钮，如下图：

需要的效果是点击客服就能调用微信客服接口

但是官方现在只能用button去触发，并且设置属性open-type='contact'如下图：

对应代码：

<view class="shareBox">
		  <button type="primary" open-type="contact">在线咨询</button>
		</view>

但是我需要点击我自己的客服图标调用，怎么办呢？

ok，直接开干！

我自己客服样式组件代码：

我也是用的插件，所以这里循环展示按钮：客服、收藏、收藏夹、立即购买

大概思路就是：还是用button去调用，不过我把这个button悬浮在自己的客服图标上，然后将button透明度设置为全透明，直接上代码：

if表示该循环值是客服的时候才放这个button，不然其他按钮上面也有button，然后设置style：让button悬浮 position:absolute；然后按钮大小也可以设置，设置成自己替换组件的大小左右，才可以覆盖完自己的组件，我这里没有设置，因为大小差不多了，最后再设置透明度 opacity:0

大功告成！

有问题欢迎评论区留言，看到了第一时间回复哦！