小程序学习之模板（template）

源码下载

在开发小程序时，使用模板可以避免在程序中多次写同样的样式或者布局从而减少冗余代码，提高代码复用性，便于维护。

我们可以在模板中定义代码片段，然后在不同的地方调用。大概用法如下：

1、在pages下新建template文件夹，里边存放通用的布局（wxml）和样式（wxss）

2、在template.wxml里定义布局模板，在template标签里定义具体的内容，必须给template定义name 属性，作为模板的名字，以供调用模板时用。然后在<template/>内定义代码片段

 

3、在template.wxss里定义样式模板

4、在需要使用模板的页面用import导入template.wxml / template.wxss（注意路径不要写错）

在tempTest.wxml页面中导入模板template.wxml

 

在tempTest.wxss页面中导入模板template.wxss

最后由于tempTest.wxml里边用到了array，所以还得在tempTest.js里边定义一下

、

 

同理也在index页面引用了模板template.wxml