欢迎点击「算法与编程之美」↑关注我们!
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
问题图片轮播在很多APP中都很常见,那么该如何实现呢?
Swiper滑块视图容器用来在指定区域内切换内容的显示,可以用于制作图片轮播效果。
方法从网上下载好图片之后,将其拖动到小程序的一个文件夹内保存。(笔者将这些图片保存在pages的子目录images下),然后再按照小程序设计流程:在js提供数据(此处即要轮播的图片),在wxml进行布局。
在js:
Page({
data: {
indicatorDots:true,
autoplay:true,
interval:5000,
duration:1000,
imgUrls:[
"/pages/images / 日暮.jpg",
"/pages/images/海浪.jpg",
"/pages/images/窗户.jpg",
"/pages/images/马路.jpg"
]
},
在wxml: