``` // pages/index/index.js var local = require("../../data/local"); //​在需要使用这些模块的文件中，使用 require(path) 将公共代码引入 Page({ data: { imgUrl: [{ //定义一个数组，将轮播的图片地址放进去，并给每一张图片一个id url: "/images/post/cat.png",id:0, }, { url: "/images/post/crab.png",id:1, }, { url: "/images/post/sls.png",id:2, }, ], indicatorDots: true, autoplay:true, interval: 5000, duration: 1000, postList:[] //定义一个数组将引入的数据放入 }, ``` > * indicator-dots：**false/true** 是否显示面板指示点 > * indicator-color： **color** 指示点颜色 > * indicator-active-color ： **color** 当前选中的指示点颜色 > * autoplay： **false/true** 是否自动切换 > * current：**0** 当前所在滑块的 index > * current-item-id：**""** 当前所在滑块的 item-id ，不能与 current 被同时指定 > * interval：**5000** 自动切换时间间隔 > * duration：**500** 滑动动画时长 > * circular： **false/true** 是否采用衔接滑动 > * vertical： **false/true** 滑动方向是否为纵向 > * display-multiple-items：**1** 同时显示的滑块数量 #### data{}都是数据代码 #### onLoad{}表示进入页面就加载的代码 ``` //连接上一段代码 onLoad(){ var postList = local.postList; //声明引入的数据，因为本地数据是一个数组中包含对象，所以可以直接渲染。 this.setData({ //用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步） postList }) }, handleClick(event){ //模块的跳转事件 var id = event.currentTarget.dataset.id; //currentTarget确定触发元素，dataset 对应 data- 开头的属性，id 是具体哪一个属性。 wx.navigateTo({ //跳转组件 url: 'index-detail/index-detail?id='+id, }) }, jump(event) { //轮播图片的跳转事件 var id = event.currentTarget.dataset.id; wx.navigateTo({ url: 'index-detail/index-detail?id=' + id, }) } }); ``` ## [currentTarget与target](https://www.kancloud.cn/book/lixianshengdezhanghao/wxxx/preview/3.2target.md) 确定触发元素为绑定的handleClick事件的元素，