入门|文档|演示
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/文件进行。在打开问题之前，请查看贡献指南。
主要路线图的功能
- 最佳功能请求（使用“反应”添加自己的选票）
- 顶级错误？ （使用“反应”添加自己的选票）
贡献者
代码贡献者
由于所有贡献的人，该项目的存在。 [贡献]。
财务贡献者
成为财务贡献者，并帮助我们维持社区。 [贡献]
