动画与交互

Swiper

成熟的多端滑动组件，轮播也能有细节。

访问官网 GitHub

简介

不依赖框架的滑动与轮播库，支持触摸、分页、循环和无障碍配置，可配合 React、Vue 等使用，适合移动端画廊和内容切换。

安装

npm install swiper

命令用于快速开始，具体版本与配置请以官方文档为准。

适用场景

实现移动端商品或图片轮播
为内容区加入触摸滑动切换
搭建多断点的响应式画廊

特点

触摸、鼠标和键盘操作路径完整
模块化引入，按功能控制体积
提供丰富的分页和切换效果选项

专属示例

真实运行

触摸分页轮播

Swiper 处理真实触摸滑动与分页吸附，示例读取实例当前的 realIndex，支持循环与自动播放开关。