乙個頁面新增兩個swiper輪播

2021-10-05 11:50:00 字數 838 閱讀 3097

結構如下,每個'main-content'裡都有乙個『swiper-container』。(對於swiper外掛程式自帶的class名,我們在引用swiper的時候不要修改,如果要對樣式做修改或者新增新的js效果,可以新增新的類名或者id)

比如我的這兩個swiper自定義了class名 :'swiper1'   'swiper2'   

第乙個swiper左右按鈕:      『swiper-button-prev1』    『swiper-button-next1』   

第二個swiper左右按鈕:      『swiper-button-prev2』    『swiper-button-next2』

新增樣式

新增結構 

內容二內容二

內容二內容二

內容二內容二

內容二內容三

內容三內容三

內容三內容三

內容三內容三

內容四內容四

內容四內容四

內容四內容四

內容四內容六

內容六內容六

內容六內容六

內容六內容六

內容六內容七

內容七內容七

內容七內容七

內容七內容七

內容七內容八

內容八內容八

內容八內容八

內容八內容八

內容八新增js  (我用的是最新版swiper4)

var swiper1 = new swiper('.swiper1', ,

});var swiper2 = new swiper('.swiper2', ,

});

乙個頁面做兩個分頁

size medium 需要做兩個表的分頁顯示,兩個表在乙個頁面上,通過切換來交替顯示,需要做到兩個頁面顯示的頁數互不干擾,也就是說如果表2在第一頁,切換到表1,表1選擇顯示第三頁,又切換到表2,需要表2顯示第一頁。size first details active push message.fet...

兩個棧模擬乙個佇列 兩個佇列模擬乙個棧

解題思路 插入操作在stack1中進行,刪除操作在stack2中進行,如果stack2為空,則將stack1中的所有元素轉移到stack2中。include include includeusing namespace std template class cqueue 建構函式 template ...

兩個棧實現乙個佇列 兩個佇列實現乙個棧

這兩個題的思路比較相似。棧的特點是 先進後出 佇列的特點是 先進先出 不要怕!用兩個棧實現乙個佇列很簡單 再將top元素push到stack 2中,然後將stack 1 pop一次直到stack 1剩下最後乙個元素,這個就是最先push進去的,我們把它pop掉就可以了,同理,我們求queue的fro...