swiper插件的使用
在現今網際網路時代基本上有很多人現在都用過網上購物了，在這個背景下，越來越多的電商企業發展壯大
而常逛電商網站的夥伴就知道，在這些電商網站上基本少不了一個特效-輪播圖
那麼關于輪播圖的實作有很多中方法，今天我們就拿出來一個非常簡單，易使用的分享給各位夥伴們
1 下載下傳，安裝
官網位址：https://www.swiper.com.cn/
下載下傳(swiper有很多版本這裡拿swiper3做示範)
點選下載下傳swiper3，進入到下載下傳界面
裡面有很多檔案，可以選擇全部下載下傳，或者npm 的形式以及cdn的形式，怎麼下，下哪些
可以自己選擇，但我們這裡不能少的是這倆個
2
使用
下載下傳之後我們該如何使用呢，我們拿小米商城首頁做案例
1. 引入我們的檔案
我們隻需要引入一個css檔案和一個js檔案就可以使用了
1. 引入之後，接着就開始我們的下一步
需要注意的是，我們在使用swiper時，命名要跟官網上的api一緻，如果想修改樣式，我們再添加一個class名就行
1. 引入進來之後接着就是我們的js部分了
裡面有很多的api，這裡一般是我們常使用的
接着來看效果圖
這樣我們這個輪播圖就完成了，是不是非常簡單高效呢
總結:
Swiper插件是非常簡單，高效的搭建輪播圖的一個插件，不僅适用于pc端也同 樣适用于移動端，是以很多大型電商網站都會用到它