摘要：
只要为swiper的父元素设置marginpadding，或者用flex布局，让其居中，两个图片之间都会一个像素的空隙！解决办法是，想让banner处于什么样的位置！就绝对定位就好了！为什么会造成这样的原因没有查明白！
只要为swiper的父元素设置margin padding，或者用flex布局，让其居中，两个图片之间都会一个像素的空隙！
解决办法是，想让banner处于什么样的位置！就绝对定位就好了！
为什么会造成这样的原因没有查明白！
如下：
如果想要为swiper轮播的图片添加圆角时，一般都会直接给swpier上直接加border-radius，但是会发现不起作用，
解决方案是，在上面在添加一个属性：
transform: translateY(0);
<view class="centerBody">
<swiper
@change="swiperChange"
:current="currentIndex"
:autoplay="false"
:interval="3000"
:duration="100"
:circular="list.length>1?true:false"
:indicator-dots="false"
>
<swiper-item
v-for="(item, index) in list"
:key="index"
>
<view
@click="itemClick(index, item)"
>
<img
:src="http://t.zoukankan.com/item.elememtIcon"
mode="widthFix"
alt
role="img"
:aria-label="item.elementTitle"
/>
</view>
</swiper-item>
</swiper>
</view>
.centerBody {
position: relative;
margin-top: 24rpx;
}
.container-view {
position: absolute;
702rpx;
left: 50%;
transform: translateX(-50%);
margin-bottom: 161rpx;
}