個人覺得:Swiper是一個好用有方便的手機端插件,但也正是因為它已經被封裝好了,所有有些個性化的需求、設計不是那么好人為干預,所以在實用的時候也碰到不少頭疼的問題。
下面是我在寫代碼的時候遇到的一些問題和解決的方法,可能解決的並不完美,存在bug,希望前輩們批評指正
1.有時候我們希望頁面中顯示兩個或者多個swiper-slide時,設置slidesPerView屬性值,默認值為1,參數是類型:number 或者 auto。如果屬性值為auto的話,則是根據sildes的寬度來設置數量(不建議使用這個屬性,對布局的可控性感覺不是那么好),loop模式下還需要設置另一個參數loopedSlides。
2.有的時候我們不希望每個swiper-slide都緊挨着,能有相同的間距,又不想加padding或者margin,擔心影響布局或者性能,那么這個時候,可以設置spaceBetween屬性,單位是px
3.和angularjs結合來使用的時候,通過ng-repeat創建出來的swiper-slide,會出現無法滑動,布局變形等情況,這時候,設置
observer:true; //修改Swiper自己或子元素時初始化Swiper
observeParents:true; //修改Swiper的父元素時,自動初始化Swiper
