文章目录
1 组件2 数据绑定3 渲染4 模版1 组件
HERE
这部分看开发文档即可。
2 数据绑定
<button type="primary" bindtap="btnclick">{{bintext}}</button><button type="primary" bindtap="btnclick">{{12}}</button>
data: {text:"这里是内容",bintext:"button",show:true},
3 渲染
<view wx:if="{{show}}">{{text}} 1</view><view wx:else>{{text}} 2</view><view wx:for="{{['aa','bb']}}">xunhuan</view>
4 模版
新建 template 文件夹,再右键点击 新建page2. template.wxml 和 template.wxss 文件代码如下:
<template name="header"><view class="header">这是头部</view></template><template name="footer"><view class="footer">这是底部</view></template>
.header{height: 80rpx;background-color: #ccc;text-align: center;line-height: 80rpx;}.footer{height: 100rpx;background-color: pink;text-align: center;line-height: 100rpx;}
分别在index.wxml 和 index.wxss 文件中引入:
<import src="/pages/template/template.wxml" /><template is="header" /><template is="footer" />
@import "/pages/template/template.wxss";