Exemple de développement de configuration globale d'applet WeChat-Développement de mini-programmes-php.cn

Exemple de développement de configuration globale d'applet WeChat

小云云

Libérer： 2018-03-17 14:22:57

original

2757 Les gens l'ont consulté

Cet article partage principalement avec vous un exemple de développement de configuration globale de l'applet WeChat, principalement sous forme de code, en espérant aider tout le monde.

一.app.json

Utilisez app.json fichier pour configurer l'applet WeChat globalement, déterminer le chemin du fichier d'échange, les performances de la fenêtre, définir le délai d'expiration du réseau et définir plus onglet etc.

Remarque : .json ne peut pas être commenté, sinon une erreur se produira.

2. Barre d'outilstabBar

Si notre applet est une application multi-onglets (il y a une barre d'onglets en bas ou en haut de la fenêtre client pour changer de page), alors nous pouvons la spécifier via l'élément de configuration tabBar Les performances de la barre d'onglets et de la page correspondante affichées lorsque l'onglet est changé.

tabBar est un tableau, ne peut en configurer qu'un minimum de 2 et un maximum de 5 tab, l'onglet est trié dans l'ordre du tableau

app.json dans

{
	"pages": ["pages/index/index", 
	           "pages/coming/coming",
	           "pages/search/search",
	           "pages/top/top"
         ],
	"window": {
		"navigationBarBackgroundColor": "#47a86c",
	    "navigationBarTextStyle": "white",
	    "navigationBarTitleText":  "小程序案例",
	    "backgroundColor": "#fff",
	    "backgroundTextStyle": "dark"
	},
	"tabBar": {
		"color": "#686868",
		"selectedColor": "#47a86c",
		"backgroundColor": "#fff",
		"list": [{
			"pagePath": "pages/index/index",
			"iconPath": "dist/images/popular_icon.png",
      		"selectedIconPath": "dist/images/popular_active_icon.png",
			"text": "热映"
		}, 
		{
			"pagePath": "pages/coming/coming",
			"iconPath": "dist/images/coming_icon.png",
      		"selectedIconPath": "dist/images/coming_active_icon.png",
			"text": "待映"
		},
		{
			"pagePath": "pages/search/search",
			"iconPath": "dist/images/search_icon.png",
      		"selectedIconPath": "dist/images/search_active_icon.png",
			"text": "搜索"
		},
		{
			"pagePath": "pages/top/top",
			"iconPath": "dist/images/top_icon.png",
      		"selectedIconPath": "dist/images/top_active_icon.png",
			"text": "口碑"
		}]
	},
	"networkTimeout": {
		"request": 10000,
		"downloadFile": 10000
	},
	"debug": true
}

Copier après la connexion

Autres propriétés dans app.json : vous pouvez consulter le manuel pour une explication détaillée.

Recommandations associées :
Comment vue configure les événements du clavier à l'échelle mondiale