uniappsubNVue原生子窗体运行手机视频遮盖问题

运行浏览器是这样&＃xff0c;不存在问题

但是&＃xff01;当我运行到模拟器上的时候问题来了&＃xff0c;视频把导航栏遮盖了

官网说明

原文

subNVue 原生子窗体开发指南

在需要解决遮盖问题的文件夹建一个子文件夹&＃xff0c;再创建一个 nvue 文件夹

在 pages.json 文件配置一下&＃xff0c;记得把自定义导航栏隐藏

subNVue.setStyle (style)

{"easycom": {"^u-(.*)": "&＃64;/uview-ui/components/u-$1/u-$1.vue"},"pages": [ //pages数组中第一项表示应用启动页&＃xff0c;参考&＃xff1a;https://uniapp.dcloud.io/collocation/pages{"path": "pages/index/index","style": {"navigationBarTitleText": "uni-app","navigationStyle": "custom","app-plus": {"subNVues": [{"id": "subNVueindex",//原生子窗体的 ID"path": "pages/index/subNVue/index","type":"navigationBar","style": {"position": "absolute","dock": "top","width": "100upx","height": "150upx"}}]}}}],"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "uni-app","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8"}
}

在需要显示的页面配置

onLoad() {uni.getSubNVueById(&＃39;subNVueindex&＃39;).show(&＃39;none&＃39;, 0) //原生子窗体的 ID
},


// 接收信息的页面// $on(eventName, callback) uni.$on(&＃39;page-popup&＃39;, (data) &＃61;> { console.log(&＃39;标题&＃xff1a;&＃39; &＃43; data.title)console.log(&＃39;内容&＃xff1a;&＃39; &＃43; data.content)}) // 发送信息的页面// $emit(eventName, data) uni.$emit(&＃39;page-popup&＃39;, { title: &＃39;我是title&＃39;, content: &＃39;我是content&＃39; });


这样就没有遮盖问题了&＃xff0c;但是&＃xff0c;nvue 弊端很多&＃xff0c;需谨慎&＃xff01;&＃xff01;&＃xff01;

剩下的痛苦自己体会

nvue 教程