模板

WXML 提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用

定义模板

在 pages 同级目录下新建 template 目录，在此目录下新建 list 页面，并在 app.json 中声明

使用 name 属性，作为模板的名字。然后在<template/>内定义代码片段`

<template name="customTemplate">
  <view class="text">{{ test }}</view>
</template>

使用模板

使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入

wxml

<import src="../../templates/list/list.wxml" />
<view>
  <view>引用模板（可复用）</view>
  <template is="customTemplate" data="{{test}}"></template>
  <template is="customTemplate" data="{{test}}"></template>
</view>

ts

Page({
  data: {
    test: '测试',
  },
})

wxss

@import '../../templates/list/list.wxss';

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。