小程swiper圆角问题，滑动显示直角问题

网上找的一些方法不是太理想    

<view class="swiper-box">

        <swiper indicator-dots="{{indicatorDots}}" circular="false"  autoplay="{{autoplay}}" indicator-color="rgba(0, 0, 0, .3)" indicator-active-color="#000000"    interval="{{interval}}" duration="{{duration}}">

            <block wx:for="{{background}}" wx:key="*this">

                <swiper-item>

                    <image class="" src="{{item}}" mode="aspectFill" lazy-load />

                </swiper-item>

            </block>

        </swiper>

    </view>

 

.swiper-box {

    padding: 30rpx;

    height: 166rpx;

    border-radius:20rpx;

    background: #f5f5f5;

    overflow:hidden; 

    transform: translateY(0);

}

swiper {

    border-radius:20rpx;

    overflow:hidden; 

    height: 166rpx;

    overflow: hidden;

    transform: translateY(0)

}

swiper-item {

    width: 690rpx;

    height: 166rpx;

    border-radius:20rpx;

    overflow:hidden; 

    transform: translateY(0);

}

swiper-item image {

    width: 690rpx;

    height: 166rpx;

}