小程序模板網(wǎng)

微信小程序template模板使用教程

發(fā)布時(shí)間:2021-06-15 08:58 所屬欄目:小程序開(kāi)發(fā)教程
項(xiàng)目目錄

如下,template文件中存放的是模板,在mine.wxml中插入模板

 

定義模板

1. 在 template/authSetting/index.wxml 中我們可以定義模板了,這里我們可以寫(xiě) n(很多很多)個(gè)模板,用 name 區(qū)分,使用的時(shí)候他會(huì)自動(dòng)找到對(duì)應(yīng) name 的模板。

<template name="test">
    測(cè)試模板數(shù)據(jù)
</template>
2. 在template/authSetting/index.wxss中 設(shè)置好對(duì)應(yīng)樣式,此處略

使用模板

3. 在需要使用模板的.wxml文件中,先引入模板文件,我是在上述目錄下的mine/index.wxml中引入的,注意路徑寫(xiě)正確
  1. <import src="../../template/authSetting/index.wxml"></import>


4. 使用模板

此處is屬性指向的是上述步驟1中設(shè)置的name值
  1. <template is="test"><template>


或者參照官方文檔中循環(huán)的方式引入

5. 使用模板樣式

在使用了模板的.wxss文件中引入該模板的樣式文件
  1. @import "../../template/authSetting/index.wxss";


或者是在app.wxss中引入樣式文件,這樣全局只引用一次就行


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/26490.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢