第一张图是开发版的样子,后两张是真机调试的样子,开发工具上的样子和真机调试上一样,正常的就 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
})
}
}
|