小程序button按钮误触发问题

2019-09-30 22:43:46

记一个奇葩问题

最近做小程序碰到一个神奇的现象,页面上定义了一个按钮触发分享,
另外一个同级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了。不知道为什么这么久了还没解决。

本文链接:
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 许可协议。可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。

扫描下方二维码阅读当前文章

浏览器、微信扫码

评 论:

好文推荐
每天进步一点点~