1.什么是模板
WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
1 第一步,首先建立模板文件
image.png
2 第二步,引入模板
image.png
3第三步,输写模板功能
image.png
4第三步,输出模板内容
image.png
image.png
is 名字和 模板名字要对应起来
image.png
所有代码
template 模板代码
<template name="template_text" wx:for="{{optionData}}">
<view class="temp_text">你好,这是我的第一个模板,我的名字是template_text</view>
<block wx:for="{{optionData}}">
<view>{{item.msg}} -- {{item.time}}</view>
</block>
</template>
index界面
<!--index.wxml-->
<import src="./template/template.wxml"/>
<template is="template_text" data="{{optionData}}"></template>
index.js 界面
Page({
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo'),
optionData:[{
index: 0,
msg: 'this1',
time: '2016'
},{
index: 1,
msg: 'this2',
time: '2317'
},
]