企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
[TOC] # WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用 ``` //定义模板 <template name="temp"> <view> <view>收件人:{{name}}</view> <view>联系方式:{{phone}}</view> </view> </template> //is使用模板 <template is="temp" data ="{{...item}}"> </template> ``` # is 属性可以使用 Mustache 语法,来动态决定具体需要渲染哪个模板: ``` <template name="odd"> <view> odd </view> </template> <template name="even"> <view> even </view> </template> <block wx:for="{{[1, 2, 3, 4, 5]}}"> <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/> </block> ``` # 引用 WXML 提供两种文件引用方式import和include。 ## import 只引入template模板 在 item.wxml 中定义了一个叫item的template ``` <!-- item.wxml --> <template name="item"> <text>{{text}}</text> </template> ``` 在index.wxml中引入 ``` <import src="item.wxml"/> <template is="item" data="{{text: 'forbar'}}"/> ``` # include ## include 可以将目标文件除了template,wxs 外的整个代码引入,相当于是拷贝到 include 位置 ``` <!-- index.wxml --> <include src="header.wxml"/> <view> body </view> <include src="footer.wxml"/> ``` ``` <!-- header.wxml --> <view> header </view> ``` ``` <!-- footer.wxml --> <view> footer </view> ```