关于微信小程序映射组件z - index的层级问题分析 - 行业资讯

说起微信小程序的映射组件,可以说是良心之作了,一个组件解决了所以接入地图的所有麻烦,但是在实际小程序的试用过程中还是存在点问题的。
　　

刚开始接入地图组件的时候是在微信开发工具的模拟器上预览的,看起来没有一点问题,如下图:
　　

但是在手机上真机模拟的时候就比较尴尬了,地图挡住了我底部的按钮,这个要怎么办呢?先是在百度上百度了好久,别人家写的博客都说,小程序的映射组件是层级最高的,这个没办法处理;然后就觉得凉凉了,不知道要怎么办了,难道要自己重新写个地图吗?感觉又不太现实,于是就问了最近在写小程序的几个朋友,有的说没写过,知道有个人说到封面视图这个视图容器。官方给出的解释是这样子的:
　　

封面视图
　　

基础库1.4.0开始支持,低版本需做兼容处理。

覆盖在原生组件之上的文本视图,可覆盖的原生组件包括地图、视频、帆布、相机,live-player, live-pusher,只支持嵌套封面视图,封面图片,可在封面视图中使用按钮。

结果就怀着试试看的心情,试了一下这个封面视图,

　　　　　　& lt;封面视图类=癰ottom-btn”比; 　　& lt;封面视图类=癰ot-btn服务”比; 　　& lt;封面视图类=' contact-btn '开式=敖哟ァ北? 　　咨询客服　　& lt;/cover-view> 　　& lt;/cover-view> 　　& lt;封面视图类=' bot-btn秩序' bindtap=按丶摇北? 　　立即预定　　& lt;/cover-view> 　　& lt;/cover-view> 　　　　

果然不失众望的解决了这个问题,满心欢喜啊!
　　

关于微信小程序映射组件z - index的层级问题分析

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。