微信小程式template使用

2022-08-01 04:48:11 字數 1124 閱讀 2515

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

<

template

is="coursestudent"

data

="}"

>

template

>

<

template

name

="coursestudent"

>

<

view

>}

view

>

template

>

微信小程式template使用

當您的專案需要多次使用同乙個布局和樣式的時候,您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml,wxss,進行模板和樣式的定義 3.設定模板的name,以及裡面您需要定義的wxml內容 4.設定wxs...

微信小程式template使用

當您的專案需要多次使用同乙個布局和樣式的時候,您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml,wxss,進行模板和樣式的定義 3.設定模板的name,以及裡面您需要定義的wxml內容 4.設定wxs...

微信小程式template模板使用

如下,template檔案中存放的是模板,在mine.wxml中插入模板 1.在 template authsetting index.wxml 中我們可以定義模板了,這裡我們可以寫 n 很多很多 個模板,用 name 區分,使用的時候他會自動找到對應 name 的模板。測試模板資料 2.在temp...