微信小程序template使用
發布時間：2018-04-25 10:55 所屬欄目：小程序開發教程
|
當您的項目需要多次使用同一個布局和樣式的時候，您就可以考慮使用template（模板）來減少冗余代碼。 使用方式： 1.新建一個template文件夾來存放您的通用模板； 2.在文件夾里面新建一個wxml，wxss,進行模板和樣式的定義；
3.設置模板的name，以及里面您需要定義的wxml內容；
4.設置wxss樣式；
5.在需要使用的頁面使用import導入該wxml頁面，注意路徑位置；
6.在需要使用的wxss文件導入該wxss；
7.在頁面上使用該模板，通過is判斷使用哪個模板,這里我們使用name為courseStudent模板（此處使用的是列表循環，所以data值為item）；
若將data使用ES6 展開運算符‘...’，則模板里面綁定數據就不需要在前面加入item了 
<!--使用ES6展開運算符 -->
<template is="courseStudent" data="{{...item}}"></template>
<template name="courseStudent">
<!-- 此處渲染數據的時候就不需要使用 item.xxx了-->
<view>{{courseName}}</view>
</template>
|
