这个项目能做什么
Swiper 是一款免费、现代化的移动端触摸滑块库,专为移动网站、Web 应用以及原生/混合应用设计。它专注于现代平台,提供流畅的硬件加速过渡效果和类原生体验。
README 中体现的关键能力:
- 可摇树优化:仅导入您使用的模块。
- 无框架依赖:不依赖 jQuery 等库,但可与它们配合使用。
- 默认 1:1 触摸移动,比例可配置。
- 支持 Mutation Observer,可在 DOM 变化时自动重新初始化和计算。
- 丰富的 API,支持构建自定义分页、导航按钮、视差效果等。
- 完整的 RTL 布局支持。
- 多行幻灯片布局,可配置每列幻灯片数量。
- 过渡效果:淡入、翻转、3D 立方体、3D 覆叠效果。
- 双向控制:可同时控制其他 Swiper 或被其他 Swiper 控制。
- 内置导航元素:分页器、导航箭头、滚动条。
- 基于 Flexbox 的幻灯片布局,通过纯 CSS 可配置。
- 灵活的幻灯片网格:可控制每视图幻灯片数、每列数、每组数、幻灯片间距等。
- 非活动幻灯片的图片懒加载。
- 虚拟幻灯片,仅将所需幻灯片保留在 DOM 中。
- 附加功能:循环模式、自动播放、键盘控制、鼠标滚轮控制、嵌套滑块、历史导航、哈希导航、断点配置以及无障碍访问(A11y)。
项目在 playground 文件夹中提供了 Core(HTML/JS)、React 和 Vue 的演示示例。生产构建文件位于 dist/ 目录。开发构建和生产构建命令均有文档说明。贡献代码请直接编辑 src/ 目录下的文件。
评论
0 评分人数达到10人后显示
登录后参与讨论。