swiper插件简单使用，制作轮播

这是前段技术经常能使用到的插件，这篇文章简单介绍使用方法

首先先放上网站地址：swiper插件官网

点击下载，如下图，选择一个需要的版本进行下载

下载完导入到自己的项目文件夹中去，添加图片，修改样式

另一种方法（更为麻烦）：或者还可以找到自己需要的轮播，，新窗口打开，点击查看源码,如下

然后找到轮播所需的css文件和js文件，如下

<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.min.js"></script>

把这两个文件导入到自己的项目文件里对应的css，js文件中去，（如非必要，不要改名！里面的类名和变量名也一样！）

根据自己所需要的插件效果点击该效果的演示，查看源代码，复制css样式和js效果，就是style和body里面的内容，这个是呈现这个效果的所需的代码。tips：上面导入的文件是基础文件，是必须的

最后
样式什么的可以根据喜好自行修改，
例：小圆点，在官方api文档中有标注，在组件–>分页器–>type下有对应的效果：
bullets’ 圆点（默认）
‘fraction’ 分式
‘progressbar’ 进度条
‘custom’ 自定义
还有很多细节就不一一赘述，想了解的可以去官网多逛逛

都看到这里了，能不能给个免费的赞呢，谢谢
这里是十澈
如有错误，请指正