在前端設(shè)計(jì)中，經(jīng)常會(huì)有不少的小伙伴們遇到輪播問(wèn)題，這里小編推薦使用swiper,swiper中有許多的特殊樣式，但是有時(shí)會(huì)碰到別人寫的頁(yè)面自己搭后臺(tái)的，他們可能不會(huì)按照swiper原有的樣式來(lái)做，這樣做程序有時(shí)就會(huì)很頭痛，今天文匯軟件小編就來(lái)和大家分享一下這方面的問(wèn)題。
我們首先來(lái)看下以下這個(gè)案例，像是圖中這樣的輪播，我們就完全可以套用swiper。
這個(gè)表面上看上去很簡(jiǎn)單，但是當(dāng)我們看到它的結(jié)構(gòu)時(shí)。。。
我們按照正常邏輯應(yīng)該是循環(huán)其中的圖片的但是如果我們循環(huán)圖片的話就會(huì)出現(xiàn)雖然一眼看上去沒(méi)問(wèn)題還是兩組四排，但是里面只能調(diào)用四個(gè)的情況。
針對(duì)這種情況就需要我們?cè)賹懸粋€(gè)判斷。當(dāng)他不等于0，且正好可以被2整除時(shí)，給他閉合標(biāo)簽讓他重新開啟新的一組，否則就讓他按照正常的來(lái)循環(huán)。
這樣我們的輪播就可以按照后臺(tái)的循環(huán)來(lái)正常播放了，如下圖：（PS:這里只放了五個(gè)不是bug!!!）
想要了解更多前端知識(shí)，請(qǐng)關(guān)注文匯軟件。
關(guān)鍵詞:
