解决方案
1、直接使用nvue写,vue和nvue的渲染方式不一样,直接用nvue可以直接调整层级,可以覆盖住video和map组件。注意:nvue的和vue的css和标签的写法有很大的不一样,直接去查nvue的写法,写几个就会了
2、使用uni-app的原生窗体,在vue页面上覆盖一层nvue页面,也可以解决video和map的组件层级过高问题。
{
"pages": [{
"path": "pages/index/index", //首页
"style": {
"app-plus": {
"subNVues":[{
"id": "concat", // 唯一标识
"path": "pages/index/subnvue/concat", // 页面路径
/*"type": "popup", 这里不需要*/
"style": {
"position": "absolute",
"dock": "right",
"width": "100rpx",
"height": "150rpx",
"background": "transparent"
}
}]
}
}
}]
}
上面就是设置子窗体的写法,具体修改子窗体的写法,参考uni-app官方文档。
3、对于uni-app自带的video组件,还有一种解决方法就是用一些视频播放的插件,这些插件一般都没有层级过高问题。