uni-app 微信小程序 部分安卓手机的map会覆盖在页面其他元素上面

uni-app 微信小程序 部分安卓手机的map会覆盖在页面其他元素上面

开发环境 版本号 项目创建方式
Windows xxxx HBuilderX

操作步骤：

打开地图页面，地图覆盖了页面其他元素。

预期结果：

打开地图页面，其他元素在地图上面。

实际结果：

打开地图页面，其他元素层级低于地图页面，刚刚写的时候都可以，过段时间就不行了，时好时坏 手机代码都一样。

bug描述：

微信小程序-部分安卓手机的map会覆盖在页面其他元素上面使用微信基础库2.8.3以上版本依然不行，时好时坏 手机代码都一样没有变化。

image


更多关于uni-app 微信小程序 部分安卓手机的map会覆盖在页面其他元素上面的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 微信小程序 部分安卓手机的map会覆盖在页面其他元素上面的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的微信小程序map组件层级问题，主要出现在部分安卓机型上。以下是关键点分析：

  1. 问题本质：微信小程序map组件在安卓端是原生组件，层级最高，会覆盖其他元素。

  2. 解决方案：

  • 使用cover-view/cover-image包裹需要显示在地图上的元素
  • 通过动态控制map组件显示(v-if)来调整层级关系
  • 设置map组件的z-index为负值(部分机型有效)
  1. 临时方案代码示例：
<map v-if="showMap"></map>
<view v-else></view>
回到顶部