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') // 获取nvue
			   subnvue.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: 阿狸

相关推荐

  1. uniappsubnvue苹果(ios)地图问题

    2023-12-06 09:58:03       28 阅读
  2. 地图搜索功能bug

    2023-12-06 09:58:03       36 阅读
  3. uniapp如何ipad

    2023-12-06 09:58:03       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-06 09:58:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-06 09:58:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-06 09:58:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-06 09:58:03       20 阅读

热门阅读

  1. 【重点】Flink四大基石

    2023-12-06 09:58:03       44 阅读
  2. RK356x U-Boot研究所(命令篇)3.12 mtd命令的用法

    2023-12-06 09:58:03       39 阅读
  3. C#-并行编程的概念及其运用

    2023-12-06 09:58:03       45 阅读
  4. 4-Docker命令之docker top

    2023-12-06 09:58:03       38 阅读
  5. nodejs使用node-cron实现定时任务功能

    2023-12-06 09:58:03       40 阅读
  6. cuda 在 torch神经网络中哪些地方可以用?

    2023-12-06 09:58:03       39 阅读