代碼構成
json配置文件
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
小程序中採用json進行配置,其中pages中配置小程序的全部路由頁面,window爲小程序的默認窗口環境配置。
其中,寫在第一個的是小程序的首頁。
WXML 文件
對應前端開發中的HTML文件。
WXSS 樣式
對應前端中的CSS樣式表。
JS 邏輯交互
使用JS腳本。
總結
微信小程序的開發類似於網站開發。網站開發模式爲HTML+CSS+js,微信小程序爲WXML+WXSS+js。
其餘基本操作和vue一致。