列表页结构是完全一样的,使用模板template来完成页面搭建,这样我们就不用写那些重复的代码了,而且修改界面的时候也只需要改动模板一个地方。
官方参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/template.html
1.新建一个template文件夹来存放您的通用模板;
2.在文件夹里面新建一个wxml,wxss,进行模板和样式的定义(和普通文件一样);
template模板的WXML
<template name="demo">调用template成功</template>
引入模板页面(相对路径和绝对路径)
WXML
<import src="../template/courseList.wxml" />
<block wx:for="{{[1,2,3]}}" wx:key="key">
<template is="demo" data="{{...item}}"></template>
</block>
WXSS
@import "../template/courseList.wxss";
传多个数据到模板,用逗号分开,item 是对象,index是单个数据,要用键值对,template就介绍到这来
<view class="tab-list" wx:for="{{list}}" wx:key="index">
<template is="day-tab" data="{{item,index:index}}"></template>
</view>