小程式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了。不知道為什麼這麼久了還沒解決。
