需求

实现一个如下图的效果, 点击客服按钮, 调起微信客服功能, 需要和button组合使用

效果图

实现思路

1. 客服只能通过button按钮调起, 所以我们需要写一个button按钮, open-type=“contact”, 然后把它隐藏起来。
2. 给客服图标加一个label, 设置for=“btnId”, 这样点击图片就会触发button事件了

实现代码

<button open-type="contact" id="btnId" style="display:none"></button>
<label for="btnId">
<image bind:tap="contact" mode="widthFix" src="/img/kefu.png"style="position: fixed; right:0; bottom:120px; z-index: 999; width: 80px; box-shadow: 0px 0px 20px #a6a6a6; border-radius: 25px 0 0 20px;"></image>
</label>