首页uniapp video层级太高

uniapp video层级太高

时间: 2023-09-28 12:03:41 浏览: 156

uniapp video视频层级过高遮挡顶部导航页面弹窗使用原生子窗体解决问题

在uniapp项目中 video层级过高页面滑动时遮挡顶部导航或者页面有弹窗效果视频同时也会遮挡弹窗使用subNVues 解决此问题 pages.json 中配置{ "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "navigationStyle": "custom", "app-plus": { "titleNView": false, //禁用原生导航栏 "subNVues": [{ "id": "subnvue", //顶部导航配置 "path": "pages/index/subnvue", "type": "navigationBar" }, { "id": "drawer", "path": "pages/index/drawer.nvue", // 配置分享弹窗 "style": {

你好！对于UniApp中的视频层级问题，您可以尝试使用z-index属性来调整视频组件的层级。通过将视频组件的z-index设置为一个较高的值，您可以确保它位于其他组件之上。请注意，该属性在使用绝对定位或固定定位时才生效。您可以在视频组件所在的页面或组件中的style标签中添加如下代码来设置z-index属性： ```css <video class="video" style="z-index: 999;"></video> ``` 这里将z-index设置为999，您可以根据实际需求进行调整。请确保设置的值足够高以确保视频组件置于其他组件之上。希望能对您有所帮助！如有更多问题，请随时提问。

阅读全文