知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們在追求其視覺表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營銷的便利,運(yùn)營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏壧峁┍憬莸闹С郑?
您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
微信小程序template使用
發(fā)表時(shí)間:2021-3-31
發(fā)布人:葵宇科技
瀏覽次數(shù):70
當(dāng)您的項(xiàng)目需要多次使用同一個布局和樣式的時(shí)候,您就可以考慮使用template(模板)來減少冗余代碼。
使用方式:
1.新建一個template文件夾來存放您的通用模板;
2.在文件夾里面新建一個wxml,wxss,進(jìn)行模板和樣式的定義;
3.設(shè)置模板的name,以及里面您需要定義的wxml內(nèi)容;
4.設(shè)置wxss樣式;
5.在需要使用的頁面使用import導(dǎo)入該wxml頁面,注意路徑位置;
6.在需要使用的wxss文件導(dǎo)入該wxss;
7.在頁面上使用該模板,通過is判斷使用哪個模板,這里我們使用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>
相關(guān)案例查看更多
相關(guān)閱讀
- 昆明小程序開發(fā)
- 小程序用戶登錄
- 云南小程序哪家好
- 汽車報(bào)廢管理系統(tǒng)
- 迪慶小程序開發(fā)
- 百度排名
- 二叉樹
- 網(wǎng)頁制作
- 網(wǎng)絡(luò)公司排名
- 云南軟件公司
- 買小程序被騙
- 小程序制作
- 報(bào)廢車管理系統(tǒng)
- 云南建設(shè)廳網(wǎng)站首頁
- 商標(biāo)注冊
- 小程序退款
- 汽車拆解管理系統(tǒng)
- 網(wǎng)站維護(hù)
- python開發(fā)小程序
- 報(bào)廢車回收管理系統(tǒng)
- 云南網(wǎng)站建設(shè)方法
- 云南軟件設(shè)計(jì)
- 昆明小程序開發(fā)聯(lián)系方式
- 麗江小程序開發(fā)
- 北京小程序開發(fā)
- 云南小程序代建
- 云南網(wǎng)站建設(shè)特性
- 云南網(wǎng)站建設(shè)列表網(wǎng)
- 區(qū)塊鏈
- 云南網(wǎng)站建設(shè)專家