angular2----使用swiper做輪播圖


步驟:

1、去官網下載最新的swiper的js和css 分別在index頁面中導入

 

 2.在需要做輪播的頁面引入

 

 

3.然后我就打開swiper的API文檔了,直接copy,初始化一個swiper

當然在angular2中不能這么寫,於是變成了這樣

在html中

 

 在相關的ts中

emmm.... 本來我以為這樣就好了 然后發現尼瑪左右側按鈕和下面的分頁按鈕出不來!

於是又看了一個分頁的API  發現需要把分頁css也copy ,放進相應的css文件夾中的時候,以為ok了,運行,還是么有看到!

打開調試工具看了下分頁樣式,樣式都么有覆蓋上去,么得辦法 我把樣式轉移到index.html中

再運行,還是沒有!!!

再次打開調試工具,樣式是寫上去了,但是好像層級不夠 遇上分別給左右側按鈕和分頁按扭加上z-index:10 

好了  結束了 ok了  能看見了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM