最近在做的前端項(xiàng)目中有一個(gè)聯(lián)動(dòng)輪播的需求，想到了之前swiper有過(guò)類(lèi)似的項(xiàng)目，于是把代碼復(fù)制了一下，大大的節(jié)省了時(shí)間，記錄一下寫(xiě)法，以便于以后查閱。
首先，雖然說(shuō)是聯(lián)動(dòng)菜單，不過(guò)其實(shí)是有兩個(gè)swiper組成的。在1號(hào)swiper切換的時(shí)候，同時(shí)帶動(dòng)2號(hào)swiper切換，反之亦然。
而我們切換的關(guān)鍵就是thumbs這個(gè)組件。
我們看一下官方的介紹。
需要注意的是，在我們寫(xiě)css的時(shí)候，可以根據(jù)2號(hào)swiper選中的不同給予不同的透明度，來(lái)達(dá)到視覺(jué)上突出的感覺(jué)。
了解更多swiper點(diǎn)擊這里。
