over-flow:hidden在手机端失效 - WXOPEN Club

<view class="box">

<view class='lunbo'>

<swiper indicator-dots='true' autoplay='true' circular='true' indicator-color='white' indicator-active-color='#9F35FF'>

<block wx:for="{{product[pid].pimg}}" wx:if="{{ index > 0 }}">

<swiper-item>

<image src="{{item}}" class="slide-image"/>

</swiper-item>

</block>

</swiper>

</view>

.box{

width: 90%;

border-radius: 20px;

border: 1px solid cyan;

margin: 2vh 0 12vh 0;

box-shadow: 0px 0px 2px 1px ;

overflow: hidden !important;//这里!important加了和没加效果一样

}

/*轮播*/

.lunbo{

margin: 0px;

padding: 0px;

width: 100%;

height: 40vh;

}

.lunbo swiper{

height: 40vh;

}

.slide-image{

width: 100%;

height: 100%;

}

image标签也加一个border-radius