Développement du mini programme WeChat : configuration détaillée

1. Configuration globale

2. De retour au sujet, 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. Dans l'introduction de l'article précédent, j'ai également donné une brève introduction au fichier app.json, puis je viens de lire le document officiel. L'introduction est très détaillée :

3. Bien que le fonctionnaire ait une analyse détaillée, c'est également difficile. Au départ, je voulais être paresseux et simplement lire les documents officiels, mais j'ai finalement décidé de tout faire. Après tout, la pratique est le seul moyen de vérifier la vérité. .

Suivez la documentation

5.tabBar

Si notre applet est un Pour multi- applications d'onglets (il y a une barre d'onglets en bas de la fenêtre client pour changer de page), nous pouvons utiliser l'élément de configuration tabBar pour spécifier les performances de la barre d'onglets et de la page correspondante affichée lorsque l'onglet est changé. tabBar est un tableau, et seuls un minimum de 2 et un maximum de 5 onglets peuvent être configurés. Les onglets sont triés dans l'ordre du tableau.

app.json

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "dark ",
    "navigationBarBackgroundColor": "#ddd",
    "navigationBarTitleText": "配置测试DEMO",
    "navigationBarTextStyle": "black",
    "backgroundColor": "#ff0000"
  },
  "tabBar": {
    "color": "#000000",
    "borderStyle": "black",
    "selectedColor": "#9999FF",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "image/location_normal.png",
        "selectedIconPath": "image/location_selected.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "设置",
        "iconPath": "image/setting_normal.png",
        "selectedIconPath": "image/setting_selecred.png"
      }
    ]
  }
}

Pour plus de développement d'applets WeChat : explication détaillée de la configuration, veuillez faire attention au site Web PHP chinois pour les articles connexes !