我的小程序在IOS10.2.1 最新版微信上Button点不了,界面乱 [什么1,不懂呢]

- 当前 Bug 的表现(可附上截图)



- 预期表现


- 复现路径

1>图1》祝福BUTTON 不能点,我点没有反应,

2>图2》界面会出现异常,正常手机是图3,

- 提供一个最简复现 Demo


第一个问题的代码》


<view class='other'>

<image src='/img/icon11.png'></image>

<text>祝福</text>  

<button bindtap='other2' ></button>

</view>


.other {

height: 120rpx;

width: 120rpx;

position: fixed;

bottom: 0rpx;

right:0rpx;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

font-size: 24rpx;

background: rgba(0, 0, 0, .6);

border-radius: 50%;

z-index: 999;

}

.other image {

height: 70rpx;

width: 70rpx;

}

.other text {

color: #fff;

}


.other button {

position: absolute;

height: 100%;

width: 100%;

opacity: 0.1;

z-index: 999;

}


other2: function () {

console.log("11111>>>")

var wish=""

wx.navigateTo({

url: '/pages/XX/XX?status=0&XXXX='

})

},


第2个问题》》

<view class="inner">

<view class="wishes-panel">

<image class="bg" src="/img/wishes-panel.png"></image>


.inner{

height: 100%;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

}

.wishes-panel{

position: relative;

width: 460rpx;

height: 754rpx;

padding: 132rpx 113rpx 0;

font-size: 34rpx;

color: #424242;

}

.wishes-panel .bg{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}


  • 是兼容性问题了,是我贴错代码了, 我还有 other2: function () { //console.log("11111>>>") wx.navigateTo({ url: '/pages/XXX/XXX?status='   }) }, , 我知道你不知道我知不知道
  • .other button {     position: absolute;     top:0;     left:0;     height: 100%;     width: 100%;     opacity: 0.1;     z-index: 999; } , 先回答我的问题,你爱我么?
  • 第一个问题这里写的是other2   而这里写的是 函数不对应,所以无法调用 第二个问题看不出效果,最好弄个代码片段 , 说的真好 此处有掌声