1***@qq.com
1***@qq.com
  • 发布:2022-07-18 15:02
  • 更新:2022-09-26 15:26
  • 阅读:1270

【报Bug】uni-app APP端 video 层级比自定义tabbar 高(设置了z-index 无效),H5/微信小程序没有这个问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 3.5.1

HBuilderX类型: Alpha

HBuilderX版本号: 3.5.1

手机系统: 全部

手机厂商: 华为

手机机型: 小米10

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

[attach]94258[/attach] [attach]94258[/attach]

操作步骤:

自定义tabar 列表里面有video

预期结果:

video不会遮盖tabbar

实际结果:

tabbar被遮盖

bug描述:

【报Bug】uni-app APP端 video 层级比自定义tabbar 高(设置了z-index 无效),H5/微信小程序没有这个问题。
ps:备注下面附件两张图片图片右上角和右下角的video 遮盖自定义tabbar

2022-07-18 15:02 负责人:无 分享
已邀请:
1***@163.com

1***@163.com

这个问题在uniapp在文档中有说明,要用cover-view

  • 1***@qq.com (作者)

    测试过了的,video层级比你自定义的左右层级都高 如果类似于快手一个列表里面有多个视频可滑动,就会出现遮盖自定义tabbar和自定义的nav 设置的z-index无效.

    2022-07-18 15:19

DCloud_UNI_WZF
  • 1***@qq.com (作者)

    是可以用cover-view可以覆盖video 定位一些icon,但是video层级高会覆盖自定义的tabbar和导航栏,能不能修改下像H5一样video不覆盖自定义的tabbar和导航栏,plus.nativeObj.view、subNVue可以做到但是对项目所有使用的地方都需要增加这样有点繁琐

    2022-07-18 15:29

  • 1***@qq.com (作者)

    可以修改下这个层级关系和H5微信小程序一样,video不会遮盖自定义层级比较高的组件吗

    2022-07-18 15:30

  • DCloud_UNI_WZF

    回复 1***@qq.com: 目前层级关系无法修改,目前只能通过上述文档处理或改用 nvue

    2022-07-18 15:38

2***@qq.com

2***@qq.com

请问你最后怎么解决的呀。

该问题目前已经被锁定, 无法添加新回复