电影海报通过海报模板导入，通过{{…poster}}的形式散开poster的值传入海报模板中，为海报模板中的同名变量提供对应的值。
<!--类别标题，如正在热映--><text class=http://www.likecs.com/'block-title'>{{blockTitle}}</text>
<view class=http://www.likecs.com/'block-more' catchtap=http://www.likecs.com/'catchMore' data-title=http://www.likecs.com/'{{blockTitle}}'>
在上文中又出现了catchtap和data-形式的属性名，这是界面上“更多”按钮的点击事件和自定义属性，后文详细讲解。
最后将block.js中data里的相关数据注释或删除，并在block.wxml里封装模板。
<!--导入电影海报模板--><import src=http://www.likecs.com/"../poster/poster.wxml" />
<!--封装成区块模板-->
<template name=http://www.likecs.com/"template-block">
<view>
……
</view>
</template>
别忘了在app.json文件的data属性中将主页的路径“pages/movies/index”提到首位，我们即将要编写主页了。
到目前为止，我们所需要的三个模板已经全部封装完了。
block模板里导入了poster模板，后者又嵌入了ratingbar模板，极大的精简了相关的代码，加强了代码的易维护性。不信？看主页，我们只需寥寥数行代码即可。
下篇：https://mp.weixin.qq.com/s/Isfk9s2cgtyXdh5Olap9QA