步驟:
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了 能看見了