关于微信小程序map组件z-index的层级问题分析
2019-07-09 15:26
1201 查看
前言
说起微信小程序的map组件,可以说是良心之作了,一个组件解决了所以接入地图的所有麻烦,但是在实际小程序的试用过程中还是存在点问题的。
如下情景:
刚开始接入map组件的时候是在微信开发工具的模拟器上预览的,看起来没有一点问题,如下图:
但是在手机上真机模拟的时候就比较尴尬了,地图挡住了我底部的按钮,这个要怎么办呢?先是在百度上百度了好久,别人家写的博客都说,小程序的map组件是层级最高的,这个没办法处理; 然后就觉得凉凉了,不知道要怎么办了,难道要自己重新写个地图吗?感觉又不太现实,于是就问了最近在写小程序的几个朋友,有的说没写过,知道有个人说到cover-view这个视图容器。官方给出的解释是这样子的:
cover-view
基础库 1.4.0 开始支持,低版本需做兼容处理。
覆盖在原生组件之上的文本视图,可覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher,只支持嵌套cover-view、cover-image,可在cover-view中使用button。
结果就怀着试试看的心情,试了一下这个cover-view,
<cover-view class='bottom-btn'> <cover-view class='bot-btn service'> <cover-view class='contact-btn' open-type='contact'> 咨询客服 </cover-view> </cover-view> <cover-view class='bot-btn order' bindtap='toOrder'> 立即预定 </cover-view> </cover-view>
果然不失众望的解决了这个问题,满心欢喜啊!
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- 微信小程序map组件z-index的层级问题
- 微信小程序map组件z-index的层级问题
- 解决微信小程序视频组件层级过高的问题
- 微信小程序系列(2)关于微信小程序自定义下拉框组件的使用及表单提交问题
- 关于微信小程序下拉刷新组件加载图片(三个小点)不显示的问题
- 一个关于时间的故事(通过历史分析解决程序问题)
- 暗潮:微信小程序第三弹:关于微信小程序吸粉方式的可行性分析
- 微信小程序学习:audio组件发现的几个问题
- 微信小程序层级问题
- 微信小程序中cover-view的层级不受z-index控制
- 关于微信小程序slot插槽,e.target指向问题
- 【微信小程序常见问题】使用picker组件显示年份解决方案
- 关于微信小程序登陆的问题
- 一步快速解决微信小程序中textarea层级太高遮挡其他组件
- 关于微信小程序scroll-view横向滑动问题
- 关于java中Map的九大问题分析
- 微信小程序编写tabBar模板,map组件markers属性动态初始化
- 2017/7/19小程序基础类库更新,Map组件又可以在微信开发者工具中使用了
- 关于微信小程序获取unionid的问题
- 关于微信程序开发---thinkPHP出现 "无法加载模块:Index"