微信小程序_05 模板的使用

模板的使用

第一步 .创建一个rewardwxml文件和对应的样式文件reward.wxss

第二步.创建一个模板,并且给模板起个名称

<temple name="reward">
   <view>{{name}}</view>
</temple>

第三步.就是引用这个模板了,在你需要引用模板的xxx.wxml 引入模板文件

  <import src='../../templates/reward/reward.wxml'>

第四步 使用模板文件并且传入数据

  <template is="chatRoom" data="{{...danmuArr,name:name}}" wx:if="{{menuIndex==0}}">
 </template>

注意:

1.数据前面必须以... 开头, 2.danmuArr 必须是一个json对象 3.逗号后面,可以是键值对的形式出现 4....后面必须跟一个json对象

第五步 导入模板布局文件

@import "../../templates/reward/reward.wxss";

提示:

我们在页面中使用模板时,也必须将模板对应的文件引入到页面的布局文件中来,如上