小程序button按钮误触发问题
- 2019 年 11 月 6 日
- 筆記
记一个奇葩问题
最近做小程序碰到一个神奇的现象，页面上定义了一个按钮触发分享， 另外一个同级view标签处理别的事件。 但是点击view标签的时候却触发了分享操作。
wxml
<view class="oprator flex"> <button class="share-box" open-type="share"> <image class="icon" src="/image/school-share.png" mode="aspectFill" /> <text>分享</text> </button> <view class="delivery-box" bindtap="showPopup"> <image class="icon" src="/image/delivery.png" mode="aspectFill" /> <text>传递薪火</text> </view> </view>
scss
.share-box { color: #14cc76; width: 50%; text-align: center; background: none; border: 0; position: unset; .icon { width: 30rpx; height: 28rpx; margin-right: 10rpx; } .xhzx-form-button text { color: #14cc76; font-size: 32rpx; } } .delivery-box { color: #fe7141; width: 50%; text-align: center; .icon { width: 24rpx; height: 30rpx; margin-right: 10rpx; } }
遂在社区里搜了一下，发现两个帖子
最后发现是按钮上的position属性导致的(删掉属性就正常了)、应该是官方的一个bug了。不知道为什么这么久了还没解决。
