button按钮客服回调bug
发布于 5 年前 作者 taogong 17509 次浏览 来自 问答
  • 当前 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;

}

1 回复

麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

回到顶部