完全自定义微信小程序客服按钮,实现点击view打开客服

写微信小程序的时候需要用到一个客服菜单,在设计里面这个菜单需要呈现为一个条状,布局的时候我使用View来实现这个样式,原本想的是通过对view定义事件来打开客服,但是在实现功能的时候突然发现客服只能使用两种方式实现,
<!-- 方式一 <button> 按钮 -->
<button open-type="contact">客服</button>

<!-- 方式二 <contact> 按钮 -->
<contact-button></contact-button>

说实话,官方提供的这两种方式局限都挺大,特别是第二种,要实现我的奇葩需求太难了。原本抱有的一丝期望在查阅了大量的资料后也放弃了,目前为止还没有办法通过调用事件来打开客服,于是只能回到上面这两种方式中来

网上查到的一般是是通过把<contact-button>放一排,以达到点击按钮任何位置都能打开客服的目的,

或者通过把客服按钮绝对定位到自己的按钮上方,然后设置绝对透明,以达到看到的是自己写的按钮但是实际点击的是客服按钮的目的(原文链接:https://blog.youkuaiyun.com/u012421719/article/details/59117600)

但是作为一个重度强迫症患者,觉得这两种方法都显得过于繁琐了,不够完美,于是尝试通过定义button来实现我想要的效果


一、效果图

首先,我想要实现的效果如下图所示

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值