413
关于map组件挡住view层的问题?在一个页面中使用了map组件,正常展示效果如下图: [图片] --------------------------------------------- 可是在安卓手机中10次里面有8次会发生map跑上去挡住view层。ios中偶尔也会出现,但最后map会自动闪回到下方,而在安卓中map就一直在上方挡着。 [图片] 下面是代码: [代码]wxml:[代码][代码]<view class=[代码][代码]"header"[代码][代码]> [代码][代码] [代码][代码]<image src=[代码][代码]"/images/aboutus-headimg.jpg"[代码] [代码]mode=[代码][代码]"widthFix"[代码] [代码]/> [代码][代码]</view>[代码][代码]<view class=[代码][代码]"mapwrapper"[代码][代码]>[代码][代码] [代码][代码]<map [代码][代码] [代码][代码]class=[代码][代码]"map"[代码][代码] [代码][代码]id=[代码][代码]"map"[代码][代码] [代码][代码]longitude=[代码][代码]"{{page_data.lon}}"[代码][代码] [代码][代码]latitude=[代码][代码]"{{page_data.lat}}"[代码][代码] [代码][代码]scale=[代码][代码]"15"[代码][代码] [代码][代码]markers=[代码][代码]"{{markers}}"[代码][代码] [代码][代码]show-location [代码][代码] [代码][代码]bindtap=[代码][代码]"openmap"[代码][代码] [代码][代码]bindmarkertap=[代码][代码]"openmap"[代码][代码] [代码][代码]bindcallouttap=[代码][代码]"openmap"[代码][代码] [代码][代码]>[代码][代码] [代码][代码]</map>[代码][代码]</view>[代码] [代码]wxss:[代码][代码].header { display: flex; flex-direction: column; }[代码][代码].header image { width: 100%; }[代码][代码].mapwrapper { display: flex; flex-direction: column; [代码][代码]min[代码][代码]-height: 100rpx; padding: 0 30rpx; margin: 0; }[代码][代码].map { width:100%; height: 400rpx; margin-top:30rpx; }[代码]
2019-09-20