微信小程序 app.json

最新推荐文章于 2025-05-16 15:08:47 发布

原创最新推荐文章于 2025-05-16 15:08:47 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文详细解读了微信小程序中的app.json文件结构，包括页面路由设置、window属性管理和tabBar导航栏配置。了解如何定义首页、窗口样式和导航栏元素，是小程序开发者必备知识点。

微信小程序 app.json

pages 页面路由 Pages route

pages 以 JOSN 数组的形式存放页面路由
pages contains pages route in the form of JSON
第一行的路径所包含的页面会被视作首页
The first line will be regard as the homepage

"pages": [
	"pages/index/index",
	"pages/log/log"
]

window 窗口属性 Window attribute

window 是窗口样式的设置
window is the setting about the display of window

"window": {
	"backgroundTextStyle": "light",
	"navigationBarBackgroundColor": "#fff",
	"navigationBarTitleText": "WeChat",
	"navigationBarTextStyle": "black"
}

tabBar 导航按钮 Tab bar

tabBar 导航按钮的 list 属性包含了导航路径、图片、被选中时的图片、文本
list of tabBar contains path, icon, selected icon and text

"tabBar": {
	"list": [{
			"pagePath": "pages/index/index",
			"iconPath": "images/index.png",
			"selectedIconPath": "images/index_fill.png",
			"text": "首页"
		},
		{
			"pagePath": "pages/log/log",
			"iconPath": "images/log.png",
			"selectedIconPath": "images/log_fill.png",
			"text": "日志"
		}	
	}]
}