收藏
回答

iphone8下 picker 导致 cover-view 无法显示?


在iphone8手机上,页面正常加载显示。cover-view 固定在底部。 在点击picker后,cover-view 消失了,不见了! 在别的机型上没发现此问题。如果将cover-view 换成 view 也没问题。


感谢大家的回答,在此一并谢过。 通过这两天的测试,发现问题的表述可能不正确,现附上复现问题的代码片段,iphone8下 选择 工作经验、招聘人数、工作方式  或者 下方的 福利 都有可能导致  cover-view中的按钮都可能消失。https://developers.weixin.qq.com/s/2kDqCvme7edB


问题补充:上面的复现代码有点问题,这个问题需要在页面高度超过屏幕高度的时候才能复现,现贴上最新复现代码https://developers.weixin.qq.com/s/eqBIyymm7Idc


最后一次编辑于  2019-12-12
回答关注问题邀请回答
收藏

3 个回答

  • 小鸡叫叫
    小鸡叫叫
    2019-12-06

    你好,这里有一个解决办法,就是监测picker出现的时候在cover-view上加上wx:if重新渲染cover-view即可:

    <cover-view wx:if="{{showPicker}}">

        <button>修改职位</button>

    </cover-view>

    2019-12-06
    有用 1
    回复 4
    • 小鸡叫叫
      小鸡叫叫
      2019-12-06
      你好,这个跟微信版本的关系比较密切一些,你这里的问题主要还是因为使用cover-view之后的渲染机制和view不用导致z-index失效。基本在7.0.4及其以上的微信版本就能放心大胆的使用view而放弃cover-view了,如果有使用原生组件的话就更不建议使用cover-view了。
      2019-12-06
      1
      回复
    • 卖火柴的小猪佩琪
      卖火柴的小猪佩琪
      2019-12-06
      这里的picker是属于原生组件吧
      2019-12-06
      回复
    • 小鸡叫叫
      小鸡叫叫
      2019-12-06回复卖火柴的小猪佩琪
      是的 但是只要使用了cover-view渲染机制就是会变
      2019-12-06
      回复
    • momo
      momo
      2019-12-13
      感谢。试了 wx:if="{{showPicker}}" 这个办法。
      在picker的bindchange中都this.setData({showPicker:true})
      问题依旧。
      2019-12-13
      回复
  • 青团社
    青团社
    2019-12-06

    谢邀,写个可复现问题的代码片段吧

    2019-12-06
    有用
    回复
  • 是小白啊
    是小白啊
    2019-12-05

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-12-05
    有用
    回复 5
    • momo
      momo
      2019-12-11
      https://developers.weixin.qq.com/s/2kDqCvme7edB
       iPhone8、ios13.1.3、微信7.0.8
      2019-12-11
      回复
    • 是小白啊
      是小白啊
      2019-12-11回复momo
      测试未复现,看了未使用原生组件,使用cover-view的场景是?
      2019-12-11
      回复
    • momo
      momo
      2019-12-12回复是小白啊
      上面的选项也都选下。
      有两台iphone8上出现了这个问题,一个是用户反馈的,然后我们在公司内部找了个iphone8,问题一致。
      2019-12-12
      回复
    • momo
      momo
      2019-12-12回复momo
      我们这里需要那个发布按钮fixed在页面底部,在实际应用这里是一个菜单组。
      用view的话,跟textarea有不兼容问题。采用了官方的建议,使用了cover-view。
      2019-12-12
      回复
    • momo
      momo
      2019-12-12回复是小白啊
      测试了下,前面的复现代码确实不能复现问题,只要页面高度超过屏幕高度,就可以复现。下面是最新复现代码
      https://developers.weixin.qq.com/s/eqBIyymm7Idc
      2019-12-12
      回复
登录 后发表内容
问题标签