微信小程序有提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用减少冗余代码。
创建模板:
新建一个文件夹用来存放模板,在模板的wxml中定义定义页面布局,wxss中书写样式.
<template name="template1"> <!-- 使用 name 属性,作为模板的名字 -->
页面布局
</template>
使用模板:
在需要使用模板的wxml文件中引入模板文件wxml,然后使用
<import src="模板文件路径.wxml"></import> // 引入模板文件这里是绝对路径
<template is="template1" data="{{list}}"></template> //使用模板
// 使用is 属性声明需要的使用的模板名,这个名字与name值是一一对应的. data 属性代表传入模板的数据,可以在模板中使用这些数据.进行渲染.
在需要使用模板的wxss文件中引入模板文件wxss
@import "绝对路径.wxss"