[图片][图片][图片][图片][图片]一样的问题,同求解答
swiper-item中定义absolute元素,安卓端该元素被swiper-item遮挡[代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"main"[代码][代码]>[代码] [代码] [代码][代码]<[代码][代码]swiper[代码] [代码]style[代码][代码]=[代码][代码]"height:100vh"[代码] [代码]vertical[代码][代码]=[代码][代码]"true"[代码] [代码]bindchange[代码][代码]=[代码][代码]"swiperChange"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper-item[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]class[代码][代码]=[代码][代码]"aelImage"[代码] [代码]src[代码][代码]=[代码][代码]"https://linker-automake-1256733046.file.myqcloud.com/1/1575599065.jpg"[代码][代码]></[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]swiper-item[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper-item[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]class[代码][代码]=[代码][代码]"mImage"[代码] [代码]style[代码][代码]=[代码][代码]"display:block"[代码] [代码]src[代码][代码]=[代码][代码]"https://linker-automake-1256733046.file.myqcloud.com/1/1575599072.jpg"[代码][代码]></[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"position: relative;"[代码] [代码]class[代码][代码]=[代码][代码]"lSwipe"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper[代码] [代码]circular[代码][代码]=[代码][代码]"false"[代码] [代码]class[代码][代码]=[代码][代码]"lSwipe"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper-item[代码] [代码]style[代码][代码]=[代码][代码]"background-color: red;z-index:100;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]class[代码][代码]=[代码][代码]"lSwipe"[代码] [代码]src[代码][代码]=[代码][代码]"https://linker-automake-1256733046.file.myqcloud.com/1/1575599077.jpg"[代码][代码]> </[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]swiper-item[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]swiper[代码][代码]>[代码] [代码] [代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"position:absolute;width:84rpx;top:41%;left:10rpx;z-index:99999;background-color:red;min-height: 100rpx;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]bindtap[代码][代码]=[代码][代码]"clickLeft"[代码] [代码]mode[代码][代码]=[代码][代码]"widthFix"[代码] [代码]style[代码][代码]=[代码][代码]"width: 100%;"[代码] [代码]src[代码][代码]=[代码][代码]"../../images/left.png"[代码] [代码]bindload[代码][代码]=[代码][代码]"imageLoad"[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码] [代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"position:absolute;width:84rpx;top:41%;right:10rpx;z-index:999999;background-color:yellow;min-height: 100rpx;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]bindtap[代码][代码]=[代码][代码]"clickRight"[代码] [代码]mode[代码][代码]=[代码][代码]"widthFix"[代码] [代码]style[代码][代码]=[代码][代码]"width: 100%;"[代码] [代码]src[代码][代码]=[代码][代码]"../../images/left.png"[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]swiper-item[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]swiper[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码].main{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]vh;[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]}[代码] [代码]image{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码] [代码]/*小轮播尺寸*/[代码][代码].mSwipe{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]750[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]424[代码][代码]rpx[代码][代码]}[代码] [代码]/*大轮播尺寸*/[代码][代码].lSwipe{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]750[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]1052[代码][代码]rpx[代码][代码]}[代码] [代码]/*小图片尺寸*/[代码][代码].mImage{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]750[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]424[代码][代码]rpx[代码][代码]}[代码] [代码]/*大图片尺寸*/[代码][代码].lImage{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]750[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]1052[代码][代码]rpx[代码][代码]}[代码] [代码]/*小视频尺寸*/[代码][代码].video{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]750[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]424[代码][代码]rpx [代码][代码]}[代码] [代码]/*整屏图尺寸*/[代码][代码].aelImage{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]750[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]1476[代码][代码]rpx[代码][代码]}[代码]上面的代码仅仅是复现bug所用。left.png可以可以直接去掉,在第二页的siwper-item中,红色框以及黄色框会被swiper-item遮挡的?是我姿势不对,还是其他? 测试图片仅仅用于测试。
2019-12-26