【微信小程式筆記-1】基本構成及配置
阿新 • • 發佈:2019-01-04
此筆記作為學習過程中筆記,作為存檔並藉此分享,如有錯誤感謝指出
此筆記大量參考微信官方開發者文件以及“軟謀教育課程(這個課程在騰訊課堂是免費的,算是我現在看到的比較好的視訊教程)”,如有版權問題請及時與我聯絡刪除
一、程式碼構成
微信小程式基本檔案由“頁面檔案(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>
執行結果: