使用rich-text后再用map组件,地图会悬浮在富文本中间
发布于 7 年前 作者 liyi 9632 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

使用rich-text后再用map组件,地图会悬浮在富文本中间,开发工具显示正常,真机显示错位

  • 预期表现

富文本显示后再显示地图

  • 复现路径
  • 提供一个最简复现 Demo
<view class="weui-flex">
      <view class="weui-flex__item">
        <rich-text nodes="{{content.detail}}"></rich-text>
      </view>
 
    </view>
 
    <view class="weui-flex">
      <view class="weui-flex__item">
        <map id="map{{index}}" longitude="{{content.lng}}" latitude="{{content.lat}}" scale="14" show-location style="width: 100%;height:100%;" bindtap="openLocation" data-latitude="{{content.lat}}" data-longitude="{{content.lng}}" data-name="{{content.name}}" data-address="{{content.address}}"></map>
      </view>
    </view>
2 回复

同样问题,看来没好的官方解答,我的解决方法是map延迟1-2秒再加载

你好,map 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。

回到顶部