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

news/2024/7/20 21:51:45 标签: uni-app, ios, 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: 阿狸


http://www.niftyadmin.cn/n/5240416.html

相关文章

POJ 3233 Matrix Power Series 动态规划(矩阵的幂)

一、题目大意 给出一个矩阵A&#xff0c; 输出矩阵B的每一项对M取余数的值。 二、解题思路 以二维矩阵为例&#xff0c;首先计算K2的情况&#xff0c;我们设结果矩阵为B 有如下表达式 那么不难看出&#xff0c;需要的矩阵其实就是以下的两个矩阵相乘后的左上角的N*N个 然后…

使用rust slint开发桌面应用

安装QT5&#xff0c;过程省略 安装rust&#xff0c;过程省略 创建工程 cargo new slint_demo 在cargo.toml添加依赖 [dependencies] slint "1.1.1" [build-dependencies] slint-build "1.1.1" 创建build.rs fn main() {slint_build::compile(&quo…

Linux高级系统编程中的系统调用

概念 是操作系统提供给用户使其可以操作内核提供服务的一组函数接口。 用户态和内核态&#xff1a; 引入 &#xff1a; 整个 计算机系统 的。好比你写 一个程序&#xff0c;但是因为你对 硬件操作 不熟悉&#xff0c;出现 问题&#xff0c;那么影响范围是多大&#xff1f;是整…

前端知识笔记(二十五)———JS中的异步编程与Promise

一、JavaScript的异步编步机制 在了解JavaScript的异步机制之前&#xff0c;我们首先需要理解JavaScript是一种单线程语言。单线程就意味着所有的任务需要按照顺序一次执行&#xff0c;如果前一个任务没有完成&#xff0c;后一个任务就无法开始。这个特性在执行大量或耗时任务时…

深入学习Synchronized各种使用方法

文章目录 前言一、synchronized关键字通用在下面四个地方&#xff1a;1.1synchronized修饰实例方法1.2synchronized修饰静态方法&#xff1a;1.3synchronized修饰实例方法的代码块1.4synchronized修饰静态方法的代码块2.读入数据 二.Sychronized关键特性2.1互斥2.2 刷新内存2.3…

MySQL 配置和连接问题解决方案

MySQL 配置和连接问题解决方案 问题描述 1. MySQL 驱动加载失败 2023-12-05 21:23:34.289 ERROR 35552 --- [main] com.zaxxer.hikari.HikariConfig : Failed to load driver class com.mysql.cj.jdbc.Driver from HikariConfig class classloader sun.misc.Launcher$AppCla…

【OpenGauss源码学习 —— (VecToRow)算子】

VecToRow 算子 概述ExecInitVecToRow 函数功能参数步骤 ExecVecToRow 函数功能描述参数返回值执行步骤DevectorizeOneBatch 函数 ExecEndVecToRow 函数总结 声明&#xff1a;本文的部分内容参考了他人的文章。在编写过程中&#xff0c;我们尊重他人的知识产权和学术成果&#x…

【网页会话技术jwt在springboot实现】

文章目录 网页会话技术 JWT 在 Spring Boot 实现什么是JWT&#xff1f;Spring Boot中实现JWT1. 引入依赖2. 创建JWT工具类3. 使用JWT进行认证4. 验证JWT 网页会话技术 JWT 在 Spring Boot 实现 什么是JWT&#xff1f; JWT是一种紧凑且自包含的方式&#xff0c;用于在各方之间…