【uniapp】 video视频层级、遮挡其他弹窗或顶部导航 使用nvue覆盖

uniapp 顶部导航和弹窗被video遮挡解决办法

【uniapp】 video视频层级、遮挡其他弹窗或顶部导航 使用nvue覆盖_第1张图片

第一步:配置 subNVues

{
			"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": {
								"position": "popup",
								"width": "100%",
								"background": "rgba(0,0,0,0.6)"
							}
						}

					]
				}

			}
		}

第二步:分别在index文件夹下建立三个文件分别为:index.vue 、drawer.nvue、subnvue.nvue文件

【uniapp】 video视频层级、遮挡其他弹窗或顶部导航 使用nvue覆盖_第2张图片

第三步:index.vue





 第四步:drawer.nvue







第五步:subnvue.vue






祝:学习愉快、工作顺利

温馨提示:源码获取方式 关注【码农园区】 回复   “ video”   

在这里插入图片描述

你可能感兴趣的:(Uniapp,uni-app)