【微信小程序】如何触发按钮事件,例如调起微信客服

Cc琎

于 2024-08-30 19:00:06 发布

阅读量136

点赞数 1

文章标签：微信小程序微信小程序

本文链接：https://blog.csdn.net/qq_38832501/article/details/141724485

版权

需求

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

效果图

在这里插入图片描述

实现思路

客服只能通过button按钮调起, 所以我们需要写一个button按钮, open-type=“contact”, 然后把它隐藏起来。
给客服图标加一个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>