微信小程序————模板使用方法

1.使用場景：多個頁面需要使用同一場景，例如返回首頁，提示彈窗等

2.使用方法：

模板結構

 

模板的wxml

使用name屬性，作為模板的名字，name屬性是用來區分模板的標志，不同的模板會有不同的name名，然后在template中定義代碼片段

模板中如果有圖片，一定要注意圖片路徑

微信小程序沒有dom，bindtap是一個點擊事件

模板的wxss

wxss可以放在template.wxss中，也可以放在app.wxss中，如果項目需要大量使用一個模板，WXSS引入到全局，減少代碼量；如果項目只是很少地方使用模板，可以在需要的頁面引入WXSS

使用模板

 

1. 用import 將模板引入；
2. 使用模板，template 的is 屬性和模板中：name 屬性對應，表示你要使用的具體模板；
3. data 屬性是模板中要使用的數據，引用頁面的data數據應該和wxml中的數據保持一致

    

呈現效果

點擊回到首頁圖標，圖標先會往左移動一定距離，然后再次點擊