Maison > Applet WeChat > Développement de mini-programmes > Introduction à la configuration globale du développement d'applets WeChat

Introduction à la configuration globale du développement d'applets WeChat

不言
Libérer: 2018-06-23 10:52:45
original
1919 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur la configuration globale du développement de l'applet WeChat. Les amis qui en ont besoin peuvent se référer à

1.app.json

Utilisation. Le fichier app.json est utilisé pour configurer globalement l'applet WeChat, déterminer le chemin du fichier d'échange, les performances de la fenêtre, définir le délai d'expiration du réseau, définir plusieurs onglets, etc.


Notez que les commentaires ne peuvent pas être faits en .json, sinon une erreur se produira.

2. Barre d'onglets Barre d'outils

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) , nous pouvons alors spécifier les performances de la barre d'onglets et de la page correspondante affichée lorsque l'onglet est basculé via l'élément de configuration tabBar.

tabBar est un tableau, qui ne peut être configuré qu'avec au moins 2 et au plus 5 onglets. Les onglets sont triés dans l'ordre du tableau




app.json

{ 
 "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


Les icônes peuvent être placées au même niveau que les pages et le nom du fichier peut être personnalisé.


Autres propriétés dans app.json : Vous pouvez consulter la documentation officielle.


Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Introduction à la structure de fichiers MINA du mini programme WeChat

Tutoriel de développement du mini programme WeChat ajoutant un mixin Extension

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal