文章目录

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 文件夹，再右键点击 新建page

2. 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";