我爱小程序
| 问题模块 | 框架类型 | API/组件名称 | 终端类型 | 操作系统 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|---|
| API和组件 | 小程序 | swiper | 6.6.5 | 1.9.1 |
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"> |
.swiper-container .swiper-slide{ width: 570rpx; height: 435rpx;}.swiper-container .active{ width: 640rpx; height: 480rpx;} |
演示如下：
开发者工具演示
荣耀9演示
上面两张是苹果5演示效果
网友回复
小叶：
我的怎么在测试工具里都不显示呢
棉花糖：
@官方，真机上swiper设置previous-margin表现不一致
棉花糖：
没有，
小丹：
我也遇到同样的问题，请问解决了吗？