在用uni-app开发程序的时候,经常需要做轮播图,下面小编给大家分享一下uni-app如何制作轮播图。
方法/步骤
1
新建一个uni-app项目,如下图所示
2
添加swiper组件,如下图所示
3
设置轮播图需要的样式,如下图所示
4
data中设置轮播图的自动播放参数,轮播间隔参数等,如下图所示
5
在methods添加轮播图的相关方法,如下图所示
6
最后就可以看到轮播图了,如下图所示
总结
1,新建一个uni-app项目2,添加swiper组件3,设置轮播图需要的样式4,data中设置轮播图的自动播放参数,轮播间隔参数等5,在methods添加轮播图的相关方法6,最后就可以看到轮播图了
下一篇:冒险公社道童杀人流卡组搭配攻略