1. 程式人生 > >【微信小程式筆記-1】基本構成及配置

【微信小程式筆記-1】基本構成及配置

此筆記作為學習過程中筆記,作為存檔並藉此分享,如有錯誤感謝指出
此筆記大量參考微信官方開發者文件以及“軟謀教育課程(這個課程在騰訊課堂是免費的,算是我現在看到的比較好的視訊教程)”,如有版權問題請及時與我聯絡刪除

一、程式碼構成

微信小程式基本檔案由“頁面檔案(pages)”和“app檔案(.js .json .wxss)”構成
1、JSON配置

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor
": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" }
}

pages欄位:用於對頁面目錄的註冊(每個建立的頁面都應在pages欄位進行註冊)
window欄位:用於對小程式頁面風格進行配置
2、WXML及WXSS配置
wxml 和 wxss 與 html 和 css 類似,但是 wxml 新增了以寫常用元件的標籤,並且新增了以寫類似 wx:if 這樣的屬性。

二、wxml中使用換行

在標籤中可以使用 \n 進行換行,但若不使用標籤則 \n 不進行換行。

normal text\n123<!--這裡的\n不會換行-->
<text>\ntag text</text>

執行結果:
這裡寫圖片描述