东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢(xún)電話(huà):
15628812133
17
2018/11

swiper的網(wǎng)格布局

發(fā)布時(shí)間:2018-11-17 10:13:25
發(fā)布者:jintianlong
瀏覽量:
0

在前端設(shè)計(jì)中,經(jīng)常會(huì)有不少的小伙伴們遇到輪播問(wèn)題,這里小編推薦使用swiper,移動(dòng)端PC端都能使用,但是遇到特殊的輪播該怎樣處理呢,今天文匯軟件小編就來(lái)和大家分享一下這方面的問(wèn)題。

我們首先到swiper的官網(wǎng)找到API 文檔中的Swiper4API如下圖,然后再找到下面的Slides grid  (網(wǎng)格分布)

image.png

然后我們找到slidesPerColumnFill它是指定多行布局中以什么形式填充:column為縱向分布,row為橫向分布。

image.png

在調(diào)用時(shí)我們只需要寫(xiě)slidesPerView(每行幾個(gè)),slidesPerColumn :(有幾列),    slidesPerColumnFill :(分布方式)即可。如下圖:

image.png

是不是覺(jué)得小編的分享很使用呢,實(shí)用的話(huà)就來(lái)文匯軟件關(guān)注小編吧。

返回列表