一、视图容器(Swiper)
1、swiper:滑块视图容器
nofollow" target="_blank" href="https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html">微信官方文档
二、swiper应用
页面逻辑(index.js)
自动轮播
interval: 3000,//间隔时间
duration: 3000,//滑动时间
}
其中 imgUrls 是我们轮播图中将要用到的 图片地址和 跳转链接
indicatgorDots 是否出现焦点
autoplay 是否自动播放
interval 自动播放间隔时间
duration 滑动动画时间
页面结构(index.wxml)
注意:swiper 千万不要在外面 加上任何标签 例如
页面样式(index.wxss)
赶快动手实践就可以看到如图所示效果图:
原文链接:https://www.f2er.com/weapp/30580.html