三个并排元素，前两个元素师图片，第三个元素是客服功能按钮，如下图

- 预期表现

只有点击第三个按钮，才会出现客服聊天界面，

- 复现路径

目前点击三个元素任意一个，都会出现客服界面，而且前两个元素的bindtap事件不触发

- 提供一个最简复现 Demo

wxml：

<view class='bottim'>

<image src='./img/ms.png' class='img0' id='1' bindtap='wxswi_index'></image>

<image src='./img/po.jpg' class='img0' id='2'  bindtap='post'></image>

<!-- <image src='./img/ab.png' class='img0'></image> -->

<button open-type="contact" id='3'  class='lll'>

<image src='./img/ab.png' class='img8'></image>

</button>

</view>

js:

contact: function(e) {

console.log('contact: function');

console.log(e);

},

wxss:

.lll{

width: 250rpx;

height: 110rpx;

border: none;

padding: 0;

border-radius: 0;

margin: 0;

overflow: visible;

position: static;

display: inline-block;

box-sizing: content-box;

z-index: -100;

}

button::after{ border: none; }

.img0 {

width: 33.33%;

height: 110rpx;

}

.bottim {

position: fixed;

bottom: 0;

width: 750rpx;

height: 110rpx;

}