入門|文檔|演示
swiper
Swiper-是免費，最現代的移動觸摸滑塊，具有硬件加速過渡和驚人的本地行為。它旨在用於移動網站，移動Web應用程序和移動本機/混合應用程序中。
Swiper與所有平台都不兼容，它是一個現代的觸摸滑塊，僅專注於現代應用程序/平台，以帶來最佳體驗和簡單性。
贊助商
特徵
- 可搖晃的樹木：只有您使用的模塊才會導入到應用程序的捆綁包中。
- 移動友好型：它旨在用於移動網站，移動網絡應用程序和移動本機/混合應用程序中。
- 圖書館不可知論：Swiper不需要任何JavaScript庫，例如jQuery，這使鏟刀更小，更快。它可以安全地與諸如jQuery，Zepto，jQuery Mobile等的庫一起使用。
- 1：1觸摸運動：默認情況下，Swiper提供了1：1觸摸運動交互，但是可以通過Swiper設置配置此比率。
- 突變觀察者：Swiper具有啟用突變觀察者的選項，如果您對DOM進行動態更改，或者以Swiper樣式本身進行動態更改，則將自動重新定性化並重新計算所有必需的參數。
- Rich API ：Swiper帶有非常豐富的API。它允許創建自己的分頁，導航按鈕，視差效果等等。
- RTL ：Swiper是唯一提供具有正確佈局的100％RTL支持的滑塊。
- 多行幻燈片佈局：Swiper允許多行幻燈片佈局，每個列有幾個幻燈片。
- 過渡效果：褪色，翻轉，3D立方體，3D蓋蓋。
- 雙向控制：刀刀可作為其他數量的刷卡用作控制器，甚至可以同時控制。
- 完整的導航控制：Swiper帶有所有必需的內置導航元件，例如分頁，導航箭頭和滾動條。
- Flexbox佈局：Swiper使用現代Flexbox佈局進行幻燈片佈局，該佈局解決了許多問題和時間的時間。這種佈局還允許使用純CSS配置幻燈片網格。
- 最靈活的幻燈片佈局網格：Swiper在初始化時具有很多參數，以使其盡可能靈活。您可以控制每個視圖的幻燈片，每列，每組，幻燈片之間的空間等。
- 圖像懶惰的加載：刀片懶惰的加載延遲圖像在不活動/隱形幻燈片中的加載，直到用戶向其滑動。此功能可以使頁面負載更快並提高刷毛性能。
- 虛擬幻燈片：Swiper帶有虛擬幻燈片功能，當您擁有大量幻燈片或內容豐富/圖像較重的幻燈片時，它將僅保留DOM中所需的幻燈片量。
- 循環模式
- 自動播放
- 鍵盤控制
- 鼠標輪控制
- 嵌套滑塊
- 歷史導航
- 哈希導航
- 斷點配置
- 可訪問性（A11Y）
- 還有更多...
社區
可以在GitHub討論中找到刀會社區，您可以在其中提出問題，表達想法並分享您的項目
我們的行為守則適用於所有Swiper社區渠道。
區域 /構建
在生產使用文件（JS和CSS）上，僅來自dist/文件夾，將有最穩定的版本。
開發構建
以repo的根源安裝所有依賴項：
並構建Swiper的開發版本：
結果可在dist/文件夾中獲得。
運行演示：
所有演示都位於./playground文件夾中。在這裡，您會找到核心（HTML，JS），React，Vue版本。打開演示，運行：
- 核心：
npm run core - REACT ：
npm run react - vue ：
npm run vue
生產建造
生產版將在dist/文件夾中可用。
貢獻
所有更改應僅對src/文件進行。在打開問題之前，請查看貢獻指南。
主要路線圖的功能
- 最佳功能請求（使用“反應”添加自己的選票）
- 頂級錯誤？ （使用“反應”添加自己的選票）
貢獻者
代碼貢獻者
由於所有貢獻的人，該項目的存在。 [貢獻]。
財務貢獻者
成為財務貢獻者，並幫助我們維持社區。 [貢獻]
