微信小程序template使用
發(fā)布時(shí)間：2018-04-25 10:55 所屬欄目：小程序開發(fā)教程
|
當(dāng)您的項(xiàng)目需要多次使用同一個(gè)布局和樣式的時(shí)候，您就可以考慮使用template（模板）來減少冗余代碼。 使用方式： 1.新建一個(gè)template文件夾來存放您的通用模板； 2.在文件夾里面新建一個(gè)wxml，wxss,進(jìn)行模板和樣式的定義；
3.設(shè)置模板的name，以及里面您需要定義的wxml內(nèi)容；
4.設(shè)置wxss樣式；
5.在需要使用的頁(yè)面使用import導(dǎo)入該wxml頁(yè)面，注意路徑位置；
6.在需要使用的wxss文件導(dǎo)入該wxss；
7.在頁(yè)面上使用該模板，通過is判斷使用哪個(gè)模板,這里我們使用name為courseStudent模板（此處使用的是列表循環(huán)，所以data值為item）；
若將data使用ES6 展開運(yùn)算符‘...’，則模板里面綁定數(shù)據(jù)就不需要在前面加入item了 
<!--使用ES6展開運(yùn)算符 -->
<template is="courseStudent" data="{{...item}}"></template>
<template name="courseStudent">
<!-- 此處渲染數(shù)據(jù)的時(shí)候就不需要使用 item.xxx了-->
<view>{{courseName}}</view>
</template>
|
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
碼云倉(cāng)庫(kù):
本文地址：http://22321a.com/wxmini/doc/course/24055.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢
