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

高洛峰
Libérer: 2017-02-27 13:56:54
original
1961 Les gens l'ont consulté

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"
      }
    ]
  }
}
Copier après la connexion



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 !


É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!