uniapp 层级高 app运行时 遮罩层显示的时候 map在遮罩层上方

1.在需要弹出框的页面中 配置pages.json

 {
			"path": "pages/con-teacher/outService",
			"style": {
				"app-plus": {
					"titleNView": false, //禁用原生导航栏 
                    // 弹出层
					"subNVues": [{
						"id": "map", // 唯一标识  
						"path": "pages/con-teacher/subnvue/frame", // 页面路径  
						"type": "popup",
                        //样式
						"style": {
							"position": "popup",
							"margin": "auto",
							"width": "440rpx",
							"height": "440rpx",
							"background": "transparent"
						}
					}]
				}
			}

2.对应页面写代码了
3.在父页面中怎么引用 以及怎么打开或关闭
在这里插入图片描述

通过在pages.json中的id获取 .show() .hide()
// 打开
const subNVue = uni.getSubNVueById('map')
// 打开 nvue 子窗体  
subNVue.show('fade-in', 300, function() {
onsole.log('打开哦');
})

关闭
dialogClose(){
const subNVue = uni.getSubNVueById('map')
// 关闭 nvue 子窗体  
subNVue.hide('fade-out', 300)
			}
Logo

前往低代码交流专区

更多推荐