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

解决uniapp map遮盖遮罩层相关推荐

  1. # 解决微信小程序遮罩层底部页面滚动

    解决微信小程序遮罩层底部页面滚动 一.wxml文件添加catchtouchmove="move". <view class="" class=" ...

  2. 解决vue弹窗被遮罩层遮挡和关闭弹窗后遮罩层不消失的两个问题

    问题1:打开弹窗时,弹窗被遮罩层遮挡 原因:可以看到,该遮罩层覆盖在APP组件之上,我们要做的是,将遮罩层只针对于自己的父组件上 解决方法:在对话框中增加:modal-append-to-body=' ...

  3. 解决微信小程序遮罩层下方内容滚动问题

    在遮罩层添加下面代码,阻止冒泡 capture-catch:touchmove="preventdefault"

  4. uni-app 遮罩层事件穿透解决办法catchtouchmove

    前言: 最近在做遮罩层相关的组件时,发现出现遮罩层后,其比遮罩层层级低的其他组件依然能滑动滚动,这就很无语.后面我尝试通过各种布尔值试图阻断这种情况,后面越做越复杂,逻辑越做越乱.再后来发现了一个专门 ...

  5. uni-app z-index无效的解决办法(遮罩层)

    前言: 现在是做一个遮罩层效果,需要部分组件要在遮罩层上面,其他比遮罩层低.效果如图: 问题: 于是想到在需要在遮罩层以上的那个组件的z-index使层级拉高 但是效果却不如我们想的那样 查询资料: ...

  6. Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案

    问题描述 问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...

  7. pointer-events: none。 影子属性。 解决遮罩层下面图片或文字超链接无法选中执行功能

    pointer-events: none 今天又发现了一个神奇的"影子"属性:pointer-events: none 为什么理解为影子属性呢? 因为pointer-events: ...

  8. element-UI 弹出组件dialog的遮罩层在弹出层的上面 - 解决篇

    element-UI 弹出组件的遮罩层在弹出层dialog模态框的上面? bug演示: 代码逻辑调整之后,页面就正常了(代码和效果图 · 见下文): 解决办法: 将dialog组件剪贴到最父级div元 ...

  9. elementUI Drawer 抽屉 Dialog 对话框 等弹出组件的遮罩层以及多层遮罩解决办法

    append-to-body 解决多层遮罩层覆盖的问题 <el-dialogtitle="编辑处理结果":visible.sync="dialogVisible&q ...

最新文章

  1. 解密京东618大促数据库运维的攻守之道
  2. linux根分区扩容(LVM动态卷)
  3. 韩春雨,时隔六年再发高分论文
  4. android token过期怎么跳转登录_用sa-token轻松解决网站权限验证
  5. ML之DT:利用DT(DTC)实现对iris(鸢尾花)数据集进行分类并可视化DT结构
  6. python递归算法经典实例-Python递归算法详解
  7. 看完这篇,你还不能理解 ‘数据库架构’?趁早回家吧
  8. JS 判断手机操作系统代码
  9. python 使用 with open() as 读写文件-给Python学习者的文件读写指南(含基础与进阶)...
  10. Python+OpenGL使用Cohen-Sutherland算法实现直线裁剪
  11. mysql5.6.19安装图解_mysql5.6.19安装说明
  12. Android NDK学习记录
  13. cadence设计PCB流程
  14. 阿里巴巴助攻腾讯破6.2亿微商传销第一大案!涉案公众号粉丝2400
  15. 尚硅谷外卖项目笔记一
  16. 四阶魔方java1002四阶魔方java_4x4四阶魔方一看就懂,超简单入门图文教程2:复原中心块...
  17. Java 视频转换h265、h264、mkv、mp4
  18. 关于DBeaver连接mysql驱动下载失败问题【数据库】
  19. Java播放MP3播放音频
  20. 互联网出海现在还是风口么?

热门文章

  1. 说说Redis的常用应用场景
  2. 031--python--打印机票页面
  3. win10輸入法去掉语言栏?win10輸入法切换简体繁体?
  4. 我真的很郁闷,应该振作起来的
  5. 学习代码中的英文单词
  6. 3-----A Forcast for Bicycle Rental Demand Based on Random Forests and Multiple Linear Regression
  7. 自然语言处理和编译器的对比
  8. 中公教育python教师_中公教育的教师水平怎么样?
  9. java word转pdf 后通过 PdfReader 和 PdfStamper对pdf添加水印 通过poi等组件实现
  10. 十个突出问题整改追踪:智慧城市建设滞后