- 当前 Bug 的表现(可附上截图)三个并排元素,前两个元素师图片,第三个元素是客服功能按钮,如下图
- 预期表现
只有点击第三个按钮,才会出现客服聊天界面,
- 复现路径
目前点击三个元素任意一个,都会出现客服界面,而且前两个元素的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;
}