uniapp的subnvue苹果适配(ios)谷歌地图问题
2023-12-13 04:21:48
谷歌地图,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: 阿狸
文章来源:https://blog.csdn.net/yizdream/article/details/134812923
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!