上篇文章已经详细的写了swiper插件使用前的准备工作,那么本章就要聊聊swiper是怎么使用了。
现在进入正题:首先打开swiper官网,进到API文档看看
嗯~ oo???什么鬼?
别着急让我们细细来看:
API文档分为主要有两大块内容:swiper 的配置选项、swiper组件
配置选项:
就拿我们的轮播图效果来讲吧! 轮播图中 设置切换的方向 ,设置切换时长 等我们想要的效果的代码都会在这给我们配置好,我们只需要找到它,然后复制粘贴,就能实现我们的轮播效果。那问题来了,怎么找到我们想要的代码呐??
那我们就要细细读读配置选项中都有什么了~
swiper初始化: 定义了swiper中Dom的基本结构(可以添加类名,但是一定一定不能改变类名),且初始化了swiper。
看代码:
swiper的一般选项
等等还有很多很多,下次在演示吧。
组件:
autoplay:
swiper组件就写这么多吧。其实组件中的pagination(分页器)、navigation Buttons等也是很常用的。希望各位小可爱们一定不要像我一样就写一半哦~~ 加油💪 fighting !!
以上都是我翻阅各种文档,然后按照自己的理解记录下来的。如果有什么理解偏差,欢迎各位大佬指正。