Framework7 Swiper Slider

Framework7 提供 Swiper 滑块，它是一个非常强大且现代的触摸滑块。 它还提供了很多功能。

Swiper 滑块的 HTML 布局

其中

swiper-container: 这是带有幻灯片和分页的主滑块容器类。 必需元素

swiper-wrapper: 这是幻灯片的附加包装器。 必需元素

swiper-slide: 这是一个单独的幻灯片元素。 可以在其中包含任何 HTML

swiper-pagination: 这是一个带有分页符的容器，分页符将自动创建。 这是一个可选元素。

使用 JavaScript 初始化 Swiper

可以使用以下 JavaScript 相关方法初始化 Swiper

参数解释

swiperContainer: 它是 swiper 容器的 HTMLElement 或字符串，是必需的。

parameters: 这些是包含带有 swiper 参数的对象的可选元素。

注意：以上两种方法都可以用来使用选项初始化滑块。

例如

使用 HTML 初始化 Swiper

Swiper 滑块的类型

Framework7 中有几种不同类型的 swiper