Applet - use of template

Directory structure ：

result ：

One 、wxmoban.wxml file

<text> Use of templates </text>

 1.1 Definition of template 
<!-- <template name="moban"> <view class="moban"> <view>{
    {title}}</view> <view>{
    {desc}}</view> <view> Definition </view> </view> </template> -->

1.2 Introduction of template wxml
<import src="/template/moban/moban.wxml"></import>

1.3 Use of templates 
<template is="moban"/>

1.4 Template value transfer 
<template is="moban" data="{
     {title:' title ',desc:' details '}}"></template>

Two 、 wxmoban.wxss file

/* pages/wxmoban/wxmoban.wxss */
/* .moban{ margin: 10rpx; border: 1px solid #000; } */

1.5 Introduction of template  wxss
@import "/template/moban/moban.wxss"

3、 ... and 、 Folder imported by template (import You can use the... Defined by the target file in this file template)

 route ：<import src="/template/moban/moban.wxml"></import>

<template name="moban">
  <view class="moban">
    <view>{
   {title}}</view>
    <view>{
   {desc}}</view>
    <view> Definition </view>
  </view>
</template>

 route ：@import "/template/moban/moban.wxss"

.moban{
    
  margin: 10rpx;
  border: 1px solid #000;
} 

Four 、include You can remove the target file from <template/> <wxs/> Outside the entire code into （ Public e.g ： Head and tail wxml）