項目中,輪播圖原本的直角覺得不夠美觀,于是設(shè)置了圓角border-radius: 10rpx;,但是會出現(xiàn)一個bug就是,滑動過程中先顯示的直角,等滑動一整張之后才會變成圓角。
這個問題真的是苦惱了半天呢,因為在父級上設(shè)置了overflow: hidden;然而在iOS真機(jī)上并不買賬~


1、首先在輪播圖的最外層,先設(shè)置好圓角,也就是top_img這個view的樣式
2、然后在swiper樣式上設(shè)置ovewflow:hidden;border-radius:10rpx;
很多百度出來的結(jié)果都是這樣解決的,我不明白,難道只有我的iOS真機(jī)上不好用嗎?
關(guān)鍵:在swpier樣式設(shè)置上除了 ovewflow:hidden;border-radius:10rpx;還要再加上很重要的一個: transform: translateY(0);

加上這關(guān)鍵一句之后,問題才得以解決!趕快記錄下來,希望可以幫助到跟我遇到相同問題的伙伴們