小程式元件開發心得

NaiveHa發表於2018-09-19
元件

先附上專案地址，以示誠意 專案地址

開發之前

熟悉小程式開發的朋友都知道，小程式包括4個檔案，wxss、wxml、js、json。

如果要將當前檔案定義為元件，則需要在json裡面增加如下程式碼

{
 "component": true, 
 "usingComponents": {}
}複製程式碼

在js檔案裡，需要以以下方式寫將（具體可以去小程式官網看API)

Component({
  properties:{}
})
複製程式碼

其他檔案照常定義編寫即可。

元件說明

因為專案是問卷型別的專案將，所以抽出的元件都是一些單選題及多選題元件，還有一些底線和進度條

小程式元件開發心得

元件應用

怎樣在專案中用元件呢？

只要在需要引入元件的目錄裡面的JSON檔案裡引入即可。

"usingComponents":{    
  "get-progress":"/components/get-progress/get-progress",    
  "get-bottom-line":"/components/get-bottom-line/get-bottom"
}複製程式碼

相關引數可以到元件的js裡看，裡面有用法事例。


相關文章