1. 程式人生 > >小程式學習之模板(template)

小程式學習之模板(template)

原始碼下載

在開發小程式時,使用模板可以避免在程式中多次寫同樣的樣式或者佈局從而減少冗餘程式碼,提高程式碼複用性,便於維護。

我們可以在模板中定義程式碼片段,然後在不同的地方呼叫。大概用法如下:

1、在pages下新建template資料夾,裡邊存放通用的佈局(wxml)和樣式(wxss)

2、在template.wxml裡定義佈局模板,在template標籤裡定義具體的內容,必須給template定義name 屬性,作為模板的名字,以供呼叫模板時用。然後在<template/>內定義程式碼片段

3、在template.wxss裡定義樣式模板

4、在需要使用模板的頁面用import匯入template.wxml / template.wxss(注意路徑不要寫錯)

在tempTest.wxml頁面中匯入模板template.wxml

在tempTest.wxss頁面中匯入模板template.wxss

最後由於tempTest.wxml裡邊用到了array,所以還得在tempTest.js裡邊定義一下

同理也在index頁面引用了模板template.wxml