template模板的使用方法

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

template模板的使⽤⽅法
模板
WXML提供模板(template),可以在模板中定义代码⽚段,然后在不同的地⽅调⽤。

定义模板
使⽤name属性,作为模板的名字。

然后在<template/>内定义代码⽚段
使⽤模板
使⽤is属性,声明需要的使⽤的模板,然后将模板所需要的data传⼊
模板的作⽤域
模板拥有⾃⼰的作⽤域,只能使⽤data传⼊的数据。

example:
定义模板
<template name="homecell">
<view class="item">
<image class="poster" src="{{item.images.small}}" />
<view class="meta">
<text class="title">{{item.title}}</text>
<text class="sub-title">{{item.original_title}}({{item.year}})</text>
<view class="artists">
<text wx:for="{{item.directors}}">{{}}</text>
</view>
</view>
<view class="rating">
<text>{{item.rating.average}}</text>
</view>
</view>
</template>
使⽤模板
<import src="../../commonXml/homecell.wxml" /> //引⼊模板
<loading hidden="{{!loading}}">加载中...</loading>
<scroll-view scroll-y="true" class="page-body">
<navigator wx:for="{{movies}}" url="../movie/movie?id={{item.id}}">
<template is="homecell" data="{{item}}"></template> //声明需要的使⽤的模板使⽤data传⼊的数据。

</navigator>
</scroll-view>。

相关文档
最新文档