1、pages:頁面(配置頁面中所有的文件)
第一行為默認打開的顯示頁面
"pages": [
"pages/index/index",
"pages/logs/logs"
],
js文件:邏輯
json文件:配置
wxml文件:結構
wxss文件:頁面樣式
2、windows:全局的默認窗口表現,用於設置小程序的狀態欄、導航條、標題、窗口背景色。
(1)導航欄顏色:
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#444",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "white"
},
(2)名稱:
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#444",
"navigationBarTitleText": "cNode",
"navigationBarTextStyle": "white"
},
(3)下拉刷新:默認為false,設置為true
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#444",
"navigationBarTitleText": "cNode",
"enablePullDownRefresh":true
},
3、tabBar(https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window)
"tabBar":{
"list":[
{
"pagePath":"pages/index/index",
"text":"首頁"
},
{
"pagePath":"pages/index/index",
"text":"入門"
},
{
"pagePath":"pages/index/index",
"text":"消息"
},
{
"pagePath":"pages/index/index",
"text":"API"
},
{
"pagePath":"pages/index/index",
"text":"個人"
}
],
"color":"#2E2E2E",
"selectedColor":"#F8B7D2",
"backgroundColor":"#DEE1E6"
},
效果:
(https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window)
(1)list里面的屬性
pagePath:要跳轉的頁面路徑
text:按鈕上的文字
iconPath:按鈕的圖片路徑
selectedIconPath:選中時的圖片路徑
(2)tabBar屬性
color:tab 上的文字默認顏色,僅支持十六進制顏色
selectedColor:tab 上的文字選中時的顏色,僅支持十六進制顏色
backgroundColor:tab 的背景色,僅支持十六進制顏色
4、utils目錄
書寫一些公用的代碼。
5、其它
app.js:全局的js文件,包括生命周期函數,只能有一個app方法
app.wxss:全局的樣式文件,頁面的樣式與全局的樣式重疊的情況下,頁面的樣式起作用
6、編輯首頁文件方式
(1)把要編輯的頁面放到app.json文件的pages數組的第一行
(2)點擊上面將普通編譯進行修改,選擇自己想要修改的頁面
7、小程序的注冊
在app.js中進行配置: