解决uniapp map遮盖遮罩层

最新推荐文章于 2024-09-24 16:01:10 发布

大耳朵胡图图图

最新推荐文章于 2024-09-24 16:01:10 发布

阅读量5.5k

点赞数

分类专栏： uniapp

本文链接：https://blog.csdn.net/weixin_52264821/article/details/113701417

版权

uniapp 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

本文介绍了如何在uniapp中通过pages.json配置子窗体（popup）的层级，使其在地图组件之上显示。详细步骤包括禁用原生导航栏、设置子窗体的样式和打开关闭方法，使用uni.getSubNVueById('map')进行操作。

摘要由CSDN通过智能技术生成

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)
			}