小程序全局配置
app.json
app.json微信文檔
項(xiàng)目目錄
├── app.js 小程序邏輯
├── app.json 小程序公共配置
├── app.wxss 小程序公共樣式表
├── static 靜態(tài)文件目錄
│ └── image
├── pages
│ │── index
│ │ ├── index.wxml 頁(yè)面結(jié)構(gòu)
│ │ ├── index.js 頁(yè)面邏輯
│ │ ├── index.json 頁(yè)面配置
│ │ └── index.wxss 頁(yè)面樣式表
│ └── logs
│ ├── logs.wxml
│ ├── logs.js
│ ├── logs.json
│ └── logs.wxss
│
└── utils
{
"pages": [//頁(yè)面路徑列表 指定小程序由哪些頁(yè)面組成
"pages/index/index",
"pages/logs/logs"
],
"window": { //全局的默認(rèn)窗口表現(xiàn) 用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條伴郁、標(biāo)題某抓、窗口背景色淫痰。
"navigationBarBackgroundColor": "#ff00ff", //導(dǎo)航欄背景顏色 HexColor
"navigationBarTextStyle": "white", //導(dǎo)航欄標(biāo)題顏色拣帽,僅支持 black / white
"navigationBarTitleText": "導(dǎo)航欄標(biāo)題", //導(dǎo)航欄標(biāo)題文字內(nèi)容
"backgroundTextStyle": "light", //下拉 loading 的樣式,僅支持 dark / light
"backgroundColor": "#ff7545",//窗口的背景色
},
"tabBar":{//底部 tab 欄的表現(xiàn)
"color":"#ff7545", //tab 上的文字默認(rèn)顏色荷辕,僅支持十六進(jìn)制顏色
"selectedColor":"#8e1414",//tab 上的文字選中時(shí)的顏色昧甘,僅支持十六進(jìn)制顏色
"backgroundColor":"#eddddd",//tab 的背景色,僅支持十六進(jìn)制顏色
"borderStyle":"black",//tabbar 上邊框的顏色呜呐, 僅支持 black / white
"position":"bottom",//tabBar 的位置就斤,僅支持 bottom / top
"list": [//tab 的列表,最少 2 個(gè)蘑辑、最多 5 個(gè) tab
{
"pagePath": "pages/index/index", //頁(yè)面路徑洋机,必須在 pages 中先定義
"selectedIconPath": "image/icon1.png",//圖片路徑,icon 大小限制為 40kb洋魂,建議尺寸為 81px * 81px绷旗,不支持網(wǎng)絡(luò)圖片。當(dāng) position 為 top 時(shí)副砍,不顯示 icon衔肢。
"iconPath": "image/icon1-01.png",//圖片路徑,icon 大小限制為 40kb址晕,建議尺寸為 81px * 81px膀懈,不支持網(wǎng)絡(luò)圖片。當(dāng) position 為 top 時(shí)谨垃,不顯示 icon启搂。
"text": "首頁(yè)"http://tab 上按鈕文字
},
{
"pagePath": "pages/logs/logs",
"selectedIconPath": "image/icon3.png",
"iconPath": "image/icon3-01.png",
"text": "日志"
}
]
},
"style": "v2",//指定使用升級(jí)后的weui樣式 app.json 中配置 "style": "v2"可表明啟用新版的組件樣式硼控。
"sitemapLocation": "sitemap.json" //指明 theme.json 的位置,darkmode為true為必填
}
小程序頁(yè)面配置
*.json
*.json微信文檔
每一個(gè)小程序頁(yè)面也可以使用 .json 文件來對(duì)本頁(yè)面的窗口表現(xiàn)進(jìn)行配置胳赌。頁(yè)面中配置項(xiàng)在當(dāng)前頁(yè)面會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng)牢撼。文件內(nèi)容為一個(gè) JSON 對(duì)象
{
"navigationBarBackgroundColor":#000000"",//導(dǎo)航欄背景顏色,如 #000000
"navigationBarTextStyle":"white",//導(dǎo)航欄標(biāo)題顏色疑苫,僅支持 black / white
"navigationBarTitleText": "導(dǎo)航欄標(biāo)題文字內(nèi)容",//導(dǎo)航欄標(biāo)題文字內(nèi)容
"backgroundColor":"#ffffff",//窗口的背景色
"backgroundTextStyle":"dark ",//下拉 loading 的樣式熏版,僅支持 dark / light
"usingComponents": {} //頁(yè)面自定義組件配置
}