項目結構:(分為全局結構和局部結構)
==>全局結構:
上述結構是微信小程序創建項目時,自動生成的項目結構,其中的app.json、app.js和app.wxss都是全局文件,即在上述三個文件不管修改的是樣式還是動作,都可以在全局中調用。
app.js:為動作文件,定義相關js函數
app.json:為環境文件,配置相關環境(注:app.json文件內容即使為空,也必須加" { ?} "符號,否則報錯)
app.wxss:為樣式文件,相當于css文件
utils文件:可以理解為時間插件文件,輸出相關時間格式
==>局部結構:(創建單頁)
快速創建單頁結構的方法:在全局的app.json文件中,定義如下變量然后保存,即可自動創建單頁結構。
sign.wxml:為結構文件,相當于html文件
js、json、wxml、wxss:
==>js:
==>app.json(全局環境配置):
定義頁面底部目錄欄目
...,
"tabBar": {
"list": [{
"pagePath": "pages/index/index", ? ? //路徑文件
"text": "效果圖", ? ?//目錄名稱
"iconPath": "../../images/icon_API.png", ? ?//圖標(未被選中)
"selectedIconPath": "../../images/icon_API_HL.png" ? ?//圖標(被選中)
},{
"pagePath": "pages/todos/todos",
"text": "TodoApp",
"iconPath": "../../images/icon_API.png",
"selectedIconPath": "../../images/icon_API_HL.png"
},{
"pagePath": "pages/Me/index",
"text": "Me",
"iconPath": "../../images/icon_API.png",
"selectedIconPath": "../../images/icon_API_HL.png"
}]
}
}