完全自定义微信小程序客服按钮，实现点击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来实现我想要的效果

一、效果图

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