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

uniapp的subnvue苹果适配(ios)谷歌地图问题

谷歌地图,google地图,调整宽度。这个适配花了点时间,苹果IOS宽度一直无效失灵,赶紧记录分享,很坑。可能所有的ios的subnvue适配都这样。看了网上很多方法无效,最终找到试出答案。

pages.json的配置宽度无效,调用nvue的vue页面的JS动态设置style无效。

无效一:pages.json的配置

"id": "map2", // 唯一标识"path": "pages/map/subNVue/map2", // 页面路径  "type": "popup",  //这里不需要"style": {"position":"absolute","margin": "auto","width": "100%",//这里的宽高都设置成100%,才能挡住整个页面,虽然底部的tabbar不能遮挡住,但是点击页面不会有反应"height": "100%","background": "transparent"}}]

无效二:调用nvue的vue页面

const subnvue = uni.getSubNVueById('map2') // 获取nvuesubnvue.setStyle({position: "absolute",top: "35px",left: "30px",height: "500px",  background: "transparent",})

最终有效果的是调整subnvue页面本身:flex:1 立功了

<map ref='gmap' style="flex:1;width: 100%; height: 550px;"></map>

===

新手导师 For Coding: 阿狸

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

相关文章:

  • 项目实战之RabbitMQ重试机制进行消息补偿通知
  • MySQL之数据库的创建指令
  • [网络安全]批处理(脚本)编写
  • 事件驱动架构 vs. RESTful架构:通信模式对比与选择
  • 代码随想录算法训练营第五十二天| 300 最长递增子序列 674 最长连续递增子序列 718 最长重复子数组
  • leetcode 101.对称二叉树
  • 【本人新书】《OpenCV应用开发:入门、进阶与工程化实践》
  • 【Linux系统编程】进度条的编写
  • 互斥锁的原理
  • Win10的SVN Adapter V1.0 中黄色感叹号 -- 解决
  • ubuntu20 安装docker
  • HarmonyOS开发工具DevEco Studio的下载和安装
  • SHELL21 格式化输出
  • 披荆斩棘的「矿区无人驾驶」,能否真正打开千亿级市场?
  • 智能优化算法应用:基于灰狼算法3D无线传感器网络(WSN)覆盖优化 - 附代码
  • 论文阅读三——端到端的帧到凝视估计
  • mysql 快捷登陆
  • 理解排序算法:冒泡排序、选择排序与归并排序
  • 算法-02-排序-冒泡插入选择排序
  • 流量异常-挂马造成百度收录异常关键词之解决方案(虚拟主机)
  • 磁力计LIS2MDL开发(1)----轮询获取磁力计数据
  • C++学习笔记—— C++内存管理方式:new和delete操作符进行动态内存管理
  • 8、操作符重载
  • 前端组件库开发
  • 自定义日志打印功能--C++
  • gitlab注册无中国区电话验证问题
  • 【JAVA基础题目练习】----第二天
  • node.js和npm的安装与环境配置(2023最新版)
  • ke14--10章-1数据库JDBC介绍
  • 【IC验证】perl脚本——分析前/后仿用例回归情况