cover-view bindtap ios 点击有时候无响应
在地图map组件嵌套cover-view组件,cover-view 加上bindtap事件,ios和安卓点击不灵敏;事件有时候点击无响应 [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"map-box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]map[代码] [代码]id[代码][代码]=[代码][代码]"map"[代码] [代码]longitude[代码][代码]=[代码][代码]"{{longitude || kiosks[0].lng }}"[代码] [代码]circles[代码][代码]=[代码][代码]"{{circles}}"[代码] [代码]latitude[代码][代码]=[代码][代码]"{{latitude || kiosks[0].lat}}"[代码] [代码]scale[代码][代码]=[代码][代码]"16"[代码] [代码]show-location [代码][代码]markers[代码][代码]=[代码][代码]"{{markers}}"[代码] [代码]bindmarkertap[代码][代码]=[代码][代码]"handlerSelectMarker"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"cover-view"[代码] [代码]hidden[代码][代码]=[代码][代码]"{{ hideMask }}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-image[代码] [代码]class[代码][代码]=[代码][代码]"cover-image"[代码] [代码]src[代码][代码]=[代码][代码]"{{img_url}}/{{associate_kiosk.kiosk_logo}}"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{associate_kiosk.kiosk_logo}}"[代码][代码]></[代码][代码]cover-image[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"title"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{associate_kiosk.kiosk_name}}"[代码][代码]>{{associate_kiosk.kiosk_name}}</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"address ellipsis-more"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{associate_kiosk.address}}"[代码][代码]>{{associate_kiosk.address}}</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"address-label"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{associate_kiosk.distance}}"[代码][代码]>距离{{associate_kiosk.distance}}</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"button"[代码] [代码]hidden[代码][代码]=[代码][代码]"{{ associate_kiosk.kiosk_id == kiosk_id }}"[代码] [代码]data-kioskid[代码][代码]=[代码][代码]"{{associate_kiosk.kiosk_id}}"[代码] [代码]catchtap[代码][代码]=[代码][代码]"handlerDoAssociateEsite"[代码][代码]>关联</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"button buttonC"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{ associate_kiosk.kiosk_id == kiosk_id }}"[代码][代码]>已关联</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]map[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码].cover-view {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: rgba([代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0.6[代码][代码]);[代码][代码] [代码][代码]padding-top[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]padding-bottom[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]padding-left[代码][代码]: [代码][代码]230[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码] [代码][代码]min-height[代码][代码]: [代码][代码]204[代码][代码]rpx;[代码][代码]}[代码] [代码].cover-view .cover-image {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]160[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]160[代码][代码]rpx;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]50%[代码][代码];[代码][代码] [代码][代码]transform: translate[代码][代码]3[代码][代码]d([代码][代码]0[代码][代码], [代码][代码]-50%[代码][代码], [代码][代码]0[代码][代码]);[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码]}[代码] [代码].cover-view .title {[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码]}[代码] [代码].cover-view .address {[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]24[代码][代码]rpx;[代码][代码] [代码][代码]max-width[代码][代码]: [代码][代码]456[代码][代码]rpx;[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]min-height[代码][代码]: [代码][代码]66[代码][代码]rpx;[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码]}[代码] [代码].cover-view .address-label {[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]24[代码][代码]rpx;[代码][代码]}[代码] [代码].cover-view .button {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]14[代码][代码]rpx;[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码]rpx;[代码][代码] [代码][代码]transform: translate[代码][代码]3[代码][代码]d([代码][代码]0[代码][代码], [代码][代码]-50%[代码][代码], [代码][代码]0[代码][代码]);[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]118[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]52[代码][代码]rpx;[代码][代码] [代码][代码]background-image[代码][代码]: linear-gradient([代码][代码]-45[代码][代码]deg, [代码][代码]#f24268[代码] [代码]0%[代码][代码], [代码][代码]#f85661[代码] [代码]100%[代码][代码]);[代码][代码] [代码][代码]background-color[代码][代码]:[代码][代码]#f85661[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]26[代码][代码]rpx;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]52[代码][代码]rpx;[代码][代码]}[代码] [代码].cover-view .buttonC {[代码][代码] [代码][代码]background-image[代码][代码]: linear-gradient([代码][代码]-45[代码][代码]deg, [代码][代码]#ccc[代码] [代码]0%[代码][代码], [代码][代码]#ccc[代码] [代码]100%[代码][代码]);[代码][代码] [代码][代码]background-color[代码][代码]:[代码][代码]#ccc[代码][代码];[代码][代码]}[代码]点击 “关联” 这个按钮,事件有时不触发