微信小程序模板template简单用法示例
我要看一下山顶的风景 人气:0本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考,具体如下:
模板呢,就是为了方便你重复写一些代码而建立的,目前我指发现它的功能适合建立一些表格类型的数据,
比如,录入认得信息啥的(都有名字,年龄,性别啥的)
1. index.wxml代码
<view class="page"> <template name="aafa"> <view> <text> 姓名:{{name}} 年龄:{{age}}</text> </view> </template> //这是模板显示的四种方式,你看你喜欢哪一种 <template is="aafa" data="{{...zhangsan}}"/> <template is="aafa" data="{{name:'李四',age:30}}"/> <template is="aafa" data="{{name:x,age:y}}"/> <template is="aafa" data="{{name,age}}"/> <view>------------------------</view> <template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}} </text> </view> </template> <template is="msgItem" data="{{...item}}"/> </view>
2. index.js中代码
// Page({ data: { name:'唐6', age:50, x:'郭5', y:40, zhangsan:{ name:'张三', age:20 }, item: { index: 0, msg: 'this is a template', time: '2016-09-15' } } })
希望本文所述对大家微信小程序设计有所帮助。
加载全部内容