1、首先需要打开HBuilderX开发工具，创建一个Web项目，并将swiper插件对应的CSS和JavaScript文件拷贝到项目中。
2、然后新建一个静态页面，然后将swiper插件的文件引入到页面中。
3、接着在<body></body>标签中，插入多个div标签并设置class属性。
4、利用类选择器和伪类选择器nth-child，设置几个div标签的样式。
5、调用jquery初始化函数，对swiper插件进行初始化，设置autoplay属性。
6、最后保存代码并运行项目，打开浏览器查看界面效果。
最近写小程序经常用swiper，结果发现，坑好多啊。。。
坑1.swiper-item的100%宽高
小程序默认swiper-item的宽高默认继承swiper的宽高，如果不用!important语法根本改不了
如果想要制作不同高度图片的swiper，则需要事先知道每张图片的高度然后给swiper赋高度值。
swiper-item的宽度也是一个巨坑，想要设置一次展示多个swiper-item可以设置这个属性：display-multiple-items，值为数字。但是这样每个item都是紧贴着的。
如果想要做出不紧贴的效果，唯一的方法就是swiper-item留部分白，另一部分放置想要展示的内容
掐指一算，我好久没更新了。。。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）