参见微信小程序官方文档: 小程序模板使用
项目目录
如下,template文件中存放的是模板,在mine.wxml中插入模板
定义模板
1. 在 template/authSetting/index.wxml 中我们可以定义模板了,这里我们可以写 n(很多很多)个模板,用 name 区分,使用的时候他会自动找到对应 name 的模板。
<template name="test">
测试模板数据
</template>
2. 在template/authSetting/index.wxss中 设置好对应样式,此处略
使用模板
3. 在需要使用模板的.wxml文件中,先引入模板文件,我是在上述目录下的mine/index.wxml中引入的,注意路径写正确
<import src="../../template/authSetting/index.wxml"></import>
4. 使用模板
⚠️此处is属性指向的是上述步骤1中设置的name值
<template is="test"><template>
或者参照官方文档中循环的方式引入
5. 使用模板样式
在使用了模板的.wxss文件中引入该模板的样式文件
@import "../../template/authSetting/index.wxss";
或者是在app.wxss中引入样式文件,这样全局只引用一次就行