設(shè)計(jì)出了一個(gè)這樣的swiper，兩側(cè)的大小明顯小于中間的且只顯露了一半，這樣的樣式我們?cè)趺醋瞿?，眾所周知?/span>swiper有一個(gè)異形的Slide，其實(shí)就是未選擇的swiper用transform: scale()縮小，而選中的則變?yōu)檎?，我們可以直接借鑒過(guò)來(lái)。
那么我們?cè)趺匆?guī)定顯示的的圖片呢？
Swiper中有兩個(gè)屬性，
1.分別為centeredSlides使swiper選中的在中間顯示，
2.slidesPerView顯示幾個(gè)，這個(gè)數(shù)據(jù)可以設(shè)定為小數(shù)，如上意味著顯示1.25個(gè)。
在開(kāi)啟循環(huán)的同時(shí)，由于swiper顯示是在中間，那么左右兩邊的swiper會(huì)均分剩余的0.25,那么我們選中的swiper就會(huì)出現(xiàn)“左右護(hù)法”了。
以下就是實(shí)現(xiàn)的效果，大家不要忘了把左右兩邊間距調(diào)整為0，因?yàn)槲覀兊?/span>transform已經(jīng)把左右兩側(cè)的大小調(diào)整為原本的0.8倍了。
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話(huà)） "濟(jì)南建站睢寧縣工商業(yè)聯(lián)合會(huì)")
