### index.wxml #### 引入template模板 ``` <import src="/pages/template/yuedu-list" /> ``` #### 内容 1.轮播跳转  ``` <swiper indicator-dots="{{indicator-dots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrl}}" wx:key="index"> <swiper-item> <image src="{{item.url}}" data-id="{{item.id}}" catchtap="Jump"></image> </swiper-item> </block> </swiper> ``` >为图片设置id值和点击跳转事件 ``` <block wx:for="{{postList}}" wx:key="index" > <view catchtap='handleClick' data-id='{{item.postId}}' class="container"> <template is="yueduList" data="{{...item}}" /> </view> </block> ``` >1.for循環postLIst取到所需信息對象集合  2.給該模板綁定點擊事件catchtap，[catchtap與bindtap區別](https://blog.csdn.net/xiaoqiang_0719/article/details/79729592)，大致描述為catchtap可以阻止事件冒泡 3.引入yueduList的template模板，數據為展開的遍歷的每一項item内容 *****