百度小程序全局配置

配置界面，路徑

可以通過配置app.json文件，設(shè)置SWAN的界面，路徑，多TAB等。

app.json配置項(xiàng)列表如下：

{
	"pages": [
		"pages/index/index",
		"pages/detail/detail"
	],
	"window": {
		"navigationBarTitleText": "Demo"
	}
}

pages

pages接受一個數(shù)組，每一項(xiàng)都是一個字符串，指定SWAN App都有哪些頁面。每一項(xiàng)代表頁面的[路徑+文件名]，數(shù)組第一項(xiàng)代表SWAN初始頁面。

SWAN中新增或減少頁面的話，需要在pages中進(jìn)行配置。

配置項(xiàng)中不需要加文件后綴名，SWAN會自動解析。

如，開發(fā)目錄為：

pages/

	pages/index/index.swan

	pages/index/index.css

	pages/index/index.js

	pages/detail/detail.swan

	pages/detail/detail.css

	pages/detail/detail.js

app.js

app.json

app.css

則需要在app.json中書寫：

{
	"pages":[
		"pages/index/index",
		"pages/detail/detail"
	]
}

window

用于設(shè)置SWAN的狀態(tài)欄，導(dǎo)航條，標(biāo)題，窗口背景色。

{
	"window":{
		"navigationBarBackgroundColor": "#ffffff",
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "swan接口功能演示",
		"backgroundColor": "#eeeeee",
		"backgroundTextStyle": "light"
	}
}

配置全局?jǐn)?shù)據(jù)

app.js中存放全局的JS邏輯。

示例：

App({
	onLaunch: function () {
		console.log('SWAN launch');
	},
	onShow: function () {
		console.log('SWAN展現(xiàn)');
	},
	onHide: function () {
		console.log('SWAN當(dāng)前處于后臺');
	},
	onError: function () {
		console.log('SWAN發(fā)生錯誤');
	},
	globalData: 'SWAN'
});

SWAN生命周期