写微信小程序的时候需要用到一个客服菜单,在设计里面这个菜单需要呈现为一个条状,布局的时候我使用View来实现这个样式,原本想的是通过对view定义事件来打开客服,但是在实现功能的时候突然发现客服只能使用两种方式实现,
<!-- 方式一 <button> 按钮 -->
<button open-type="contact">客服</button>
<!-- 方式二 <contact> 按钮 -->
<contact-button></contact-button>
说实话,官方提供的这两种方式局限都挺大,特别是第二种,要实现我的奇葩需求太难了。原本抱有的一丝期望在查阅了大量的资料后也放弃了,目前为止还没有办法通过调用事件来打开客服,于是只能回到上面这两种方式中来
网上查到的一般是是通过把<contact-button>放一排,以达到点击按钮任何位置都能打开客服的目的,
或者通过把客服按钮绝对定位到自己的按钮上方,然后设置绝对透明,以达到看到的是自己写的按钮但是实际点击的是客服按钮的目的(原文链接:https://blog.youkuaiyun.com/u012421719/article/details/59117600)
但是作为一个重度强迫症患者,觉得这两种方法都显得过于繁琐了,不够完美,于是尝试通过定义button来实现我想要的效果
一、效果图
首先,我想要实现的效果如下图所示