小程序
小游戏
企业微信
微信支付
扫描小程序码分享
开发者工具版本号： v1.02.2001191
appid：wx05bd2ab8af344868
今天之前的测试都没有问题，但是刚刚测试时发现手机扫码预览加载不出来控件，更换手机还是有问题（真机调试也不行）。打开之前确保可用的分支版本，也出现同样问题。
左图为开发者工具预览，右图为手机扫码预览。
提前感谢各位的回复与指点！
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
应该是新的版本下map组件同层渲染导致之前正常的现在不正常了。
帖上代码片段容易解决问题。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
<view class="page-body">
<view class="page-section page-section-gap">
<map
id="mainMap"
style="width: 100%; height: 100vh;"
latitude="{{latitude}}"
longitude="{{longitude}}"
markers="{{markers}}"
circles="{{circles}}"
covers="{{covers}}"
bindregionchange="regionchange"
show-location = "true">
<cover-view >
<cover-view class = "risk_text">当前位置的感染风险指数为{{risk_value}}</cover-view>
<cover-view class="warning_content">
<cover-view class = "warning_title">警报：</cover-view>
<cover-view class="warning_container">
<cover-view class="warning_context">
<cover-view class = "warning_text" style="transform: translateX(-{{marqueeDistance}}px)">
<cover-view>{{text}}</cover-view>
<cover-view style="margin-right:{{marquee_margin}}rpx;"> </cover-view>
<cover-view style="margin-right:{{marquee_margin}}rpx;line-height:50rpx;">{{text}}</cover-view>
</cover-view>
<cover-image class="delete_img" src="{{del_src}}"></cover-image>
</cover-view >
<cover-image class="risk_img" src="{{risk_src}}"></cover-image>
<cover-image class="pin_img" src="{{pin_src}}"></cover-image>
<cover-image class="locate_img" src="{{locate_src}}" bindtap="locate_tap"></cover-image>
<cover-image class="search_img" src="{{search_src}}" bindtap="search_tap"></cover-image>
<cover-image class="about_img" src="{{about_src}}" bindtap=""></cover-image>
</map>
</view>
<tabbar tabbarData="{{tabbar}}" active="{{blockid}}" bgcolor="{{bgcolor}}" color="{{color}}" selectedColor="{{selectedColor}}" showborder="{{showborder}}" bind:tapChange="tabbarChange" />
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
应该是新的版本下map组件同层渲染导致之前正常的现在不正常了。
帖上代码片段容易解决问题。
<view class="page-body"><view class="page-section page-section-gap"><mapid="mainMap"style="width: 100%; height: 100vh;"latitude="{{latitude}}"longitude="{{longitude}}"markers="{{markers}}"circles="{{circles}}"covers="{{covers}}"bindregionchange="regionchange"show-location = "true"><cover-view ><cover-view class = "risk_text">当前位置的感染风险指数为{{risk_value}}</cover-view><cover-view class="warning_content"><cover-view class = "warning_title">警报：</cover-view><cover-view class="warning_container"><cover-view class="warning_context"><cover-view class = "warning_text" style="transform: translateX(-{{marqueeDistance}}px)"><cover-view>{{text}}</cover-view><cover-view style="margin-right:{{marquee_margin}}rpx;"> </cover-view><cover-view style="margin-right:{{marquee_margin}}rpx;line-height:50rpx;">{{text}}</cover-view></cover-view></cover-view></cover-view><cover-image class="delete_img" src="{{del_src}}"></cover-image></cover-view ><cover-image class="risk_img" src="{{risk_src}}"></cover-image><cover-image class="pin_img" src="{{pin_src}}"></cover-image><cover-image class="locate_img" src="{{locate_src}}" bindtap="locate_tap"></cover-image><cover-image class="search_img" src="{{search_src}}" bindtap="search_tap"></cover-image><cover-image class="about_img" src="{{about_src}}" bindtap=""></cover-image></cover-view></map></view></view><tabbar tabbarData="{{tabbar}}" active="{{blockid}}" bgcolor="{{bgcolor}}" color="{{color}}" selectedColor="{{selectedColor}}" showborder="{{showborder}}" bind:tapChange="tabbarChange" />新版本Map已经支持同层渲染了（貌似2.7.0开始）意味着map跟cover-xxx同层了，所以会覆盖掉cover-xxx这样子，
你加z-index试试,cover-xxx的z-index设高一点