swiper的一个可百分百复现的bug - WXOPEN Club

第一张图是开发版的样子，后两张是真机调试的样子，开发工具上的样子和真机调试上一样，正常的就 swiper的样子，但是只要放到开发版或者正式版之后，这两个swiper就很奇怪的跑到一个视图里上下排列，不知道怎么回事，而且我的小程序里不止这一处这样使用了，但是只有这一处是这样的，代码贴一下在这

<swiper current-item-id='{{friend_status}}' style='width:100%;padding:20rpx 24rpx;box-sizing:border-box;' bindchange='frswiperchange'>

<swiper-item item-id='0' style='background-color:white;border-radius:8rpx'>

1

</swiper-item>

<swiper-item item-id='1' style='background-color:white;border-radius:8rpx'>

2

</swiper-item>

</swiper>

frswiperchange(e) {

var that = this;

var currentItemId = e.detail.currentItemId;

console.log(currentItemId)

var source = e.detail.source;

if (source == 'touch') {

that.setData({

friend_status: currentItemId

})

}

麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

看起来是因为 swiper-itme 使用了 border-radius: 8rpx 导致的，我们排查一下。建议先去掉这个样式，可以在 swiper-item 子节点上设置样式。