swiper的基础使用（十四）-白红宇

swiper的基础使用（十四）

阅读量：6331 次

发布时间：2019-06-22

本文共 989 字，大约阅读时间需要 3 分钟。

本文为机构官方的教程 swiper教程。

这次内容我们介绍如何在swiper页面当中开启循环模式。

首先让我们用积累了十四节……不十三节的功力来搭建一个基本的swiper的布局。并且根据需要来设置CSS样式。

然后到js当中进行页面的初始化，再加上我们的循环属性（loop：true）.

var swiper = new Swiper('.swiper-container',{                pagination:'.swiper-pagination',                paginationClickable:true,                nextButton:'.swiper-button-next',                prevButton:'.swiper-button-prev',                slidesPerView:1,                spaceBetween:30,                loop:true  //开启循环属性            });

完成之后我们就可以一直进行翻页了，能玩三天三夜，还不会累！

点击进入swiper强化教程：

转载于:https://my.oschina.net/zhanyingwang/blog/706195

你可能感兴趣的文章

linux设备驱动第四篇：以oops信息定位代码行为例谈驱动调试方法