久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

20
2018/11

swiper分頁器問題

發(fā)布時間:2018-11-20 13:09:20
發(fā)布者:jintianlong
瀏覽量:
0

在前端設(shè)計中,經(jīng)常會有不少的小伙伴們遇到輪播問題,這里小編推薦使用swiper,移動端PC端都能使用,但是遇到一個頁面中有多個swiper時會出現(xiàn)問題,今天文匯軟件小編就來和大家分享一下這方面的問題。

小編之前碰到了這樣的一個案例一個頁面中有好幾個swiper,但是一個是有四個按鈕一個是有兩個,小編按照正常的方法套用swiper結(jié)果發(fā)現(xiàn)兩個swiper不但順拐了,而且個數(shù)也都變得一樣了。

image.png

image.png

下圖是對應(yīng)的代碼,這里的最外層小編都起了不同的類名,按照正常說應(yīng)該是可以的啊。

image.png

image.png

而且只要是刪掉下方就可以恢復(fù)正常

image.png

之后小編才了解到這的問題出在按鈕的類名稱上,這里不知要改最大的盒子的名稱,同時也要修改對應(yīng)的按鈕的類名

image.png

image.png

這樣就能像下圖那樣正常輪播了

image.png

image.png

想要了解更多前端知識,請關(guān)注文匯軟件。

關(guān)鍵詞:
返回列表