uniapp中video层级过高遮挡顶部导航和页面弹窗，采用原生子窗体解决
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文探讨了在使用uni-app开发应用时遇到的一个常见问题：视频组件层级过高导致遮挡顶部导航栏及页面弹窗。为了解决这个问题，文章介绍了一种通过引入原生子窗口的方法来调整视频播放器的层级关系，从而实现更佳的用户体验和界面美观度。
在uniapp项目中，如果video组件层级过高，在页面滑动时可能会遮挡顶部导航栏或当页面出现弹窗效果时视频也会遮挡弹窗。为了解决这个问题，可以使用subNVues配置来调整布局。具体做法是在pages.json文件中进行如下设置：
```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 // 分享弹窗的配置
}
]
}
}
}
```
全部评论 (0)
还没有任何评论哟~
