你的问题解决了吗 我也遇到这个问题 要怎么解决
swiper的previous-margin属性用了没有效果<swiper previous-margin="15rpx" next-margin="15rpx"> 是这样用吧,但是用了完全没有起到效果,是因为开发者工具版本是1.02.1801081
2018-05-17我的怎么在测试工具里都不显示呢
swiper的previous-margin无效1、在开发者工具上,previous-margin无效。 在安卓【荣耀9】机子上,previous-margin和next-margin的值没有均分,swiper组件上分配的值是一样的大小,并且加上swiper-item的大小不超过总容器大小。 在IOS【苹果5】机子上previous-margin和next-margin均失效。 2、由于该组件是修改swiper-item的style值,导致我想改变当前显示的滑块样式失败。 [代码]<[代码][代码]swiper[代码] [代码]class[代码][代码]=[代码][代码]"swiper-container"[代码] [代码]current[代码][代码]=[代码][代码]"{{detail.currSlideIndex}}"[代码] [代码]previous-margin[代码][代码]=[代码][代码]"35rpx"[代码] [代码]next-margin[代码][代码]=[代码][代码]"35rpx"[代码] [代码]bindchange[代码][代码]=[代码][代码]"swiperChange"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper-item[代码] [代码]class[代码][代码]=[代码][代码]"swiper-slide {{index===detail.currChangeIndex? 'active':'other'}}"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{detail.slides}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"index"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"{{item}}"[代码] [代码]mode[代码][代码]=[代码][代码]"aspectFill"[代码][代码]>[代码]image[代码][代码]>[代码][代码][代码][代码] [代码][代码][代码]swiper-item[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码][代码]swiper[代码][代码]>[代码][代码][代码][代码][代码].swiper-container .swiper-slide{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]570[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]435[代码][代码]rpx;[代码][代码]}[代码][代码].swiper-container .active{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]640[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]480[代码][代码]rpx;[代码][代码]}[代码] 演示如下: [图片] 开发者工具演示 [图片] 荣耀9演示 [图片] [图片] 上面两张是苹果5演示效果
2018-05-17