`movie-grid/movie-grid-template.wxml`
~~~html
<import src="../movie/movie-template.wxml" />
<template name="movieGridTemplate">
<view class="grid-container">
<block wx:for="{{movies}}" wx:for-item="movie">
<view class="single-view-container">
<template is="movieTemplate" data="{{movie}}" />
</view>
</block>
</view>
</template>
~~~
`movie-grid-template.wxss`
`@import "../movie/movie-template.wxss";`
`more-movie.wxml`
~~~html
<import src="../movie-grid/movie-grid-template.wxml" />
<template is="movieGridTemplate" data="{{movies}}" />
~~~
`more-movie.wxss`
```css
@import "../movie-grid/movie-grid-template.wxss";
.single-view-container{
float: left;
margin-bottom: 40rpx;
}
.grid-container{
margin: 40rpx 0 40rpx 6rpx;
}
```
