安卓 cover-view 无法覆盖 video
发布于 5 年前 作者 qiang08 3346 次浏览 来自 问答
  • 当前 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

3 回复

你好，目前是已经解决了吗？

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

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

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

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

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

回到顶部