收藏
回答

安卓 cover-view 无法覆盖 video

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug Android 8.0 华为荣耀8 6.7.2

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


- 预期表现



按钮是固定定位于屏幕上的,video组件只是整个信息流的一部分,希望的是页面滚动到video组件与按钮重合的时候,按钮在video组件上方;


按钮采用了cover-view,并且也是在video后渲染,在IOS上表现没有问题,但是在安卓上不行,尝试了几个不同的安卓机(小米 note3,华为荣耀8,乐视),都不能正常的显示


- 复现路径


- 提供一个最简复现 Demo


<view class='payBox {{isOpen==1?"show":"hide"}}' wx:for="{{details.payList}}" wx:key="*this">

 <view class='item' wx:if="{{item.genre == 'video'}}">

   <view class='itemVideo' wx:if="{{sharePayShow ? !sharePayShow : shareWinShow ? !shareWinShow : !canvasShow}}">

     <video src='{{item.url}}'></video>

   </view>

 </view>

</view>

<cover-view class='shareBtn {{useropenid==openid?"show":"hide"}}' bindtap='shareHandle'>分享</cover-view>



刚才又重新测试了一下,如果把video组件放到循环外就不会出问题,在循环内就会遮挡cover-view

最后一次编辑于  2018-09-13
回答关注问题邀请回答
收藏

3 个回答

  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2018-09-18

    cover-view跟video是原生组件,层级是后插入的再上面,你这里的video有通过wx:if来控制,当变成true就是重新创建了,这时video的层级会比之前就已经创建好的cover-view的层级高

    所以这里建议你在改变video的时候,cover-view可以通过wx:if从false到true重新创建一下,后续会支持z-index来控制

    2018-09-18
    赞同 1
    回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2018-09-13

    你好,目前是已经解决了吗?

    2018-09-13
    赞同
    回复 15
    • 社区技术运营专员-小柿子
      社区技术运营专员-小柿子
      2018-09-13回复

      将cover-view放到video的组件内试试?

      2018-09-13
      回复
    • 酥
      2018-09-13

      还没有解决,在具体一点就是不能请求数据,如果循环的数据开始就在data里面就不会有问题;

      2018-09-13
      回复
    • 酥
      2018-09-13回复社区技术运营专员-小柿子

      我这里业务上不能把cover-view放到video组件中去,因为在同一个页面我可能会有好几个video组件(就像在公众号文章里又很多张图片一样),但是只能又一个按钮

      2018-09-13
      回复
    • 社区技术运营专员-小柿子
      社区技术运营专员-小柿子
      2018-09-13回复

      现在是请求不了数据还是cover-view显示问题呢?

      2018-09-13
      回复
    • 酥
      2018-09-13回复社区技术运营专员-小柿子

      cover-view的显示问题呀,这个显示问题出现的条件video出现在循环中,更具体的条件是循环的数据不是一开始就存在于data中;


      如果循环的数据一开始就存在于data中,那么就不会出现这个显示问题;

      2018-09-13
      回复
    查看更多(10)
  • 浅木
    浅木
    2018-12-07

    问题解决没有  我也遇到了这种问题 !

    cover-view可以通过wx:if从false到true重新创建一下

    这个怎么重建的?直接wx:if={{state}} 然后改变state状态?

    2018-12-07
    赞同
    回复 2
    • 酥
      2018-12-10

      看一下黄思程的回答吧

      2018-12-10
      回复
    • 浅木
      浅木
      2018-12-10

      我弄好了,  反正说到底必须考虑cover 的加载顺序! cover的层级按照先后顺序来的!

      谢谢大佬了!

      2018-12-10
      回复