當您的項目需要多次使用同一個布局和樣式的時候,您就可以考慮使用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>
.