收藏
回答

我的小程序在IOS10.2.1 最新版微信上Button点不了,界面乱

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS IOS10.2.1 IPHONE7 7.0.3

- 当前 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%;

}


最后一次编辑于  02-18  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • จุ๊บ
    จุ๊บ
    02-18

    第一个问题这里写的是other2   而这里写的是 函数不对应,所以无法调用


    第二个问题看不出效果,最好弄个代码片段

    02-18
    赞同
    回复 1
    • joker
      joker
      02-25

      第一个问题,没有解,但是坏了一种方式,还是可以解决的,

      <view class='other2'>

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

      <text>祝福</text>  

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

      </view>

      换成这样》就可以了 <view class='other2' bindtap='other2'>

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

        <text>祝福</text> 

      </view>

      第二个问题一样, 我限定一下,Height:的值,让他那种机型下都没有问题 谢谢上面的帅哥回复

      02-25
      回复
  • 清风胤
    清风胤
    02-18

    .other button {

        position: absolute;

        top:0;

        left:0;

        height: 100%;

        width: 100%;

        opacity: 0.1;

        z-index: 999;

    }


    02-18
    赞同
    回复
  • joker
    joker
    02-18

    是兼容性问题了,是我贴错代码了,

    我还有

    other2: function () {

    //console.log("11111>>>")

    wx.navigateTo({

    url: '/pages/XXX/XXX?status='  

    })

    },


    02-18
    赞同
    回复