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