微信小程序 template模板

如果你碰到页面布局类似的话, 可以考虑使用小程序框架 — template模板

• 首先创建一个模板文件夹及相应文件

• 在模板文件下的wxml文件中写出自己所需要的模板布局, wxml文件中可以是多个模板, 看图说话(以下为个人案例)

以下是模板块中个人所需的代码
template 使用 name 属性，作为此模板的名字。然后在内定义代码片段，除此之外跟普通写页面没有任何区别

 <template name="itemsList">
   <view class="orderInformation">
      <view class="orderInforTitle">
         <view class="line"></view>
         <view class="orderTitleName">自己所需要的内容</view>
      </view>
      <view class="orderInformationList">
         <view class="consignee">
            <view class="consigneeStatusTit">自己所需要的内容 </view>
            <view class="consigneeInformation orderBottom">
               <view class="consigneeName">{{one}}</view>
               <view class="consigneeAddress">{{two}}</view>
            </view>
         </view>
      </view>
   </view>
</template>

• 页面布局中的wxss
  模板中的wxss,写在相对应的文件中即可。
  

  以上即为设置模板。