首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序button按钮误触发问题

小程序button按钮误触发问题

作者头像
薛定喵君
发布2019-11-05 23:46:56
9350
发布2019-11-05 23:46:56
举报
文章被收录于专栏:薛定喵君薛定喵君

记一个奇葩问题

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-09-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档