当前位置: 首页 > article >正文

解决uniapp开发app map组件最高层级 遮挡自定义解决底部tabbar方法

subNvue,是 vue 页面的原生子窗体,把weex渲染的原生界面当做 vue 页面的子窗体覆盖在页面上。它不是全屏页面,它给App平台vue页面中的层级覆盖和原生界面自定义提供了更强大和灵活的解决方案。它也不是组件,就是一个原生子窗体。

首页

{"path": "pages/houseDetails/index","style": {"navigationBarTitleText": "详情","navigationStyle": "custom","app-plus": {  "subNVues":[{  "id": "concat", // 唯一标识  "path": "pages/houseDetails/tabbar", // 页面路径  "style": {  "position": "dock",  "dock": "bottom",  "width": "100%",  "height": "120rpx",  "background": "transparent"  }  }]  }  }},

position

原生子窗体的排版位置,排版位置决定原生子窗体在父窗口中的定位方式。 可取值:"static",原生子窗体在页面中正常定位,如果页面存在滚动条则随窗口内容滚动;"absolute",原生子窗体在页面中绝对定位,如果页面存在滚动条不随窗口内容滚动;"dock",原生子窗体在页面中停靠,停靠的位置由dock属性值决定。 默认值为"absolute"。

dock

原生子窗体的停靠方式,仅当原生子窗体 "position" 属性值设置为 "dock" 时才生效,可取值:"top",原生子窗体停靠则页面顶部;"bottom",原生子窗体停靠在页面底部;"right",原生子窗体停靠在页面右侧;"left",原生子窗体停靠在页面左侧。 默认值为"bottom"。

"path": "pages/houseDetails/tabbar", // 页面路径  自定义你的内容

onReady() {// 通过 id 获取 nvue 子窗体  // #ifdef APP-PLUSconst subNVue = uni.getSubNVueById('concat')  console.log(subNVue)// 打开 nvue 子窗体  subNVue.show('slide-in-bottom', 300, (res)=>{  console.log('oooooooooooooo')console.log(res)});// #endif}

在你的页面打开子窗体

最后效果

http://www.lryc.cn/news/2403378.html

相关文章:

  • 96. 2017年蓝桥杯省赛 - Excel地址(困难)- 进制转换
  • PPT转图片拼贴工具 v1.0
  • 大模型在脑梗塞后遗症风险预测及治疗方案制定中的应用研究
  • Qwen2.5-VL - 模型结构
  • 【QT常用技术讲解】多线程执行后台命令行的两种方式(后台运行和返回打印信息)
  • 【行驶证识别成表格】批量OCR行驶证识别与Excel自动化处理系统,行驶证扫描件和照片图片识别后保存为Excel表格,基于QT和华为ocr识别的实现教程
  • Linux--进程的状态
  • (nice!!!)(LeetCode每日一题)2434. 使用机器人打印字典序最小的字符串(贪心+栈)
  • 008-libb64 你有多理解base64?-C++开源库108杰
  • 电子电路基础2(杂乱)
  • LazyOwn RedTeam/APT 框架是第一个具有人工智能驱动的 CC 的 RedTeam 框架
  • 电脑的ip地址会自动变怎么办?原因解析和解决方法
  • PDF 转 HTML5 —— HTML5 填充图形不支持 Even-Odd 奇偶规则?(第一部分)
  • C++.OpenGL (5/64)变换(Transformation)
  • 优化电脑的磁盘和驱动器提高电脑性能和延长硬盘寿命?
  • 【八股消消乐】MySQL参数优化大汇总
  • JavaSec-SPEL - 表达式注入
  • 在 Caliper 中执行不同合约的方法
  • CSS 平铺+自动换行效果
  • 微服务网关SpringCloudGateway+SaToken鉴权
  • 永磁同步电机控制算法--模糊PI转速控制器
  • Elasticsearch集群最大分片数设置详解:从问题到解决方案
  • 计算机视觉与深度学习 | 基于MATLAB的图像特征提取与匹配算法总结
  • DVWA全靶场
  • 【反无人机检测】C2FDrone:基于视觉Transformer网络的无人机间由粗到细检测
  • Android 本地存储路径说明
  • Git 推送失败解决教程——error: failed to push some refs to
  • spark 执行 hive sql数据丢失
  • 国产pcie switch 8748+飞腾/龙芯/昇腾高速存储方案设计
  • 【Qt】:设置新建类模板