小程序如何正确的轮播图组件获取对应的点击事件
2018-12-25 本文已影响75人
一个被程序员耽误的厨师
1、先从微信小程序官网上copy下swiper组件。 地址:swiper
在index.wxml页面了添加上swiper的banner图:
index.wxml添加如下代码:
0001index.js中的data数组添加如下代码:
00022、给swiper添加bindchange事件,动态的获取当前展示的是第几张图片。
0033、给swiper-item添加bindtap事件,点击后根据是第几张图片触发相应的事件。
0044、检验下呗:
005基本的介绍就到这里吧!
下图是我用小程序云开发的个人项目—我与三人行:
项目地址:GitHub:小程序云开发-我与三人行如果您觉得还可以的话,那就statr下吧!!!!!