小程序滚动图片制作教程:让你的页面告别单调,动起来! | 您所在的位置:网站首页 › 小张张图片 › 小程序滚动图片制作教程:让你的页面告别单调,动起来! |
左右滑动可以切换展示图片: pages/test/test.js: // pages/test/test.js Page({ data: { imgUrls:[ 'http://dl.bizhi.sogou.com/images/1440x900/2014/05/14/611368.jpg', 'http://dl.bizhi.sogou.com/images/1440x900/2013/10/19/394877.jpg', 'http://img04.sogoucdn.com/app/a/100520093/ca86e620b9e623ff-d72d635343d5bade-dcf2acda7a45cb44f172db138bdf8d2d.jpg', ] }, //事件处理函数 toupper:function(){ console.log("触发了toupper"); } })pages/test/test.wxss: .img{ width: 100%; }心得: swiper组件:滑块视图容器。 可以为swiper添加autoplay属性,是之自动播放,例如:autoplay=”true” swiper组件中使用的是image单标签,而不是双标签(否则报错)。 |
CopyRight 2018-2019 实验室设备网 版权所有 |