微信小程序里map组件里,touchMove无效
在map组件里写touchMove滑动view组件的时候,出现了问题,原来在map组件的级别最高,并且不支持z-index设置,官方给出了cover-view的解决方法,改为cover-view,但是新的问题又来了,滑动的时候就特别的卡顿,貌似没有好的解决方法,目前暂时只能用button点击来替换滑动。
WXML:
<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" polyline="{{polyline}}">
<view style="margin-top: {{viewTop}}rpx;" class="head_tab">
<cover-image wx:if="{{up_dn==0}}" class="img" src="/images/up.png" bindtap="changeLocation"></cover-image>
<cover-image wx:else class="img" src="/images/down.png" bindtap="changeLocation"></cover-image>
</view>
</map>
JS:
changeLocation(){
var viewTop = this.data.viewTop;
if(viewTop >= 1100){
viewTop = viewTop - 500;
this.setData({
viewTop: viewTop,
up_dn: '1'
})
}else{
viewTop = viewTop + 500;
this.setData({
viewTop: viewTop,
up_dn: '0'
})
}
},
请先 后发表评论~