微信小程序-模版详解<template>

<!--template.wxml-->

<template name="msgItem">

  <view class="template_style">

    <text class="info">This is template.wxml文件，我是一个模板</text>

  </view>

</template>

 

/* pages/template/template.wxss */

.template_style{

    font-size: 30rpx;

    color: #e20f0f;

  }

 

<!--index.wxml-->
<!-- 声明需要使用的模板文件 -->
<import src ="../template/template.wxml"/>

<view>This is index.wxml</view>
<!--使用-->
<template is="msgItem"/>

/**index.wxss**/
@import "../template/template.wxss";