多语言展示
当前在线:1961今日阅读:193今日分享:47

uni-app如何制作轮播图

在用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,最后就可以看到轮播图了

推荐信息