swiper是一款免费强大的滑动的插件。
swiper是一款免费强大的滑动的插件。 1.引入插件(可以使用网络地址也可以下载到本地) }, //可选选项,自动滑动 // 如果需要前进后退按钮以上囿部分的属性、方法操作在官网中有更全面的的操作方法!
不管什么项目一个轮播是基本尐不了的,现在就来踩下微信小程序的swiper吧!
后面有详细的解说我就不一一说了!主要看下面的! 变量设置在data当中
将默认的宽高去掉,然後给个样式!
默认指示点是为false的我们要改成true
一个简单的轮播就好了!
以上囿部分的属性、方法操作在官网中有更全面的的操作方法!
大家都知道如何运用swiper我只是罗列我在做项目时候的流程,当然大家可以去.cn/看具体例子和一些特殊式样
我这里涉及两个page,测一测和摇一摇所以这边定义两个div而且带轮播底部。
然后增加css这边是实例中的css后面两个是为背景定义颜色,后面是关键一定要包在开始脚本里: