我们在block页面导入了poster模板的wxml和wxss文件,并通过下文代码使用了。
<!--导入电影海报模板--><import src=http://www.likecs.com/"../poster/poster.wxml" />
……
<!--电影海报展示条-->
<scroll-view scroll-x=http://www.likecs.com/"{{true}}" class=http://www.likecs.com/'block-scroll-view'>
<view class=http://www.likecs.com/'block-movie-row'>
<block wx:for=http://www.likecs.com/"{{blockMovies.subjects}}" wx:for-item=http://www.likecs.com/"poster">
<!--单个电影海报-->
<view class=http://www.likecs.com/'block-movie-card'>
<template is=http://www.likecs.com/"template-poster" data=http://www.likecs.com/"{{...poster}}" />
</view>
</block>
</view>
</scroll-view>
……
这里使用了一个新的控件滑动条,有scroll-x和scroll-y属性,用以设定滑动的方向是水平还是竖直。
在滑动条内部,通过wx:for循环取出blockMovies.subjects的值,用poster表示当前项。