## movies-grid-template.wxml ### 引入movies-item模板 ``` <import src="../movies-item/movies-item-template" />; ``` ### 创建movies-grid模板 ``` <template name="moviesGridTemplate"> <view class='movies-grid'> <view class='more'> <text>{{title}}</text> //catchtap添加点击事件，自定义data-type传递type值，自定义data-title传递title <text catchtap="more" data-type="{{type}}" data-title="{{title}}">更多</text> </view> <view class="movies-grid-item"> //for循环，循环movies.js中声明来用以存放要渲染数据的movies数组 <block wx:for="{{movies}}" wx:key="index"> //data为该模板添加要渲染的数据，item是movies中的项 <template is="moviesItemTemplate" data="{{...item}}"></template> </block> </view> </view> </template> ```