前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >小程序button按钮误触发问题

小程序button按钮误触发问题

作者头像
薛定喵君
发布于 2019-11-05 15:46:56
发布于 2019-11-05 15:46:56
1.1K00
代码可运行
举报
文章被收录于专栏:薛定喵君薛定喵君
运行总次数:0
代码可运行

记一个奇葩问题

最近做小程序碰到一个神奇的现象,页面上定义了一个按钮触发分享, 另外一个同级view标签处理别的事件。 但是点击view标签的时候却触发了分享操作。

wxml

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.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 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档