小程序使用模板template

在编码的时候，你可能会发现设计的页面中有多相似的地方

这里我们就会想到用组件，和模板，在这里我说下模板

首先把我们写好的样式用

<template name="courseLeft"></template>

标签包起来，申明这是一个模板，模板名为courseLeft(你可以自定义命名)，之后把你的模板样式写在中间如：

<template name="courseLeft">
  <view class='titleName jc b_border'>
  <view class='flexCenter'>
    <view class='topBannerTxt'>{{topBannerTxt}}</view>
      <view class='weLook' wx:if="{{isMore}}">护肤心得分享，赢福利</view>
  </view>
  <view class='AllKnow' bindtap="hepulan" data-id="{{click}}">
    查看更多
    <image src="http://sucai.suoluomei.cn/sucai_zs/images/20200325151000-more.png" class="moreIcon"></image>
  </view>
</view>
</template>

之后就是调用模板

<template is="courseLeft" data="{{topBannerTxt:'精选试用装',isMore:false,click:4}}"></template>

is='courseLeft’是申明调用那个模板，和上面要调用的name要对应
他可以传值data就是它传的值，他是一个对象
效果如下：

我写博客只是为了记录笔记，内部学习，不喜勿喷！