Configuration de l'applet WeChat

高洛峰
Libérer: 2017-03-01 11:38:01
original
1861 Les gens l'ont consulté

Nous utilisons le fichier app.json 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.
Ce qui suit est un app.json de configuration simple qui contient toutes les options de configuration

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}
Copier après la connexion

Les propriétés de configuration sont :

Configuration de lapplet WeChat

Nous avons expliqué l'APP Configuration de la page, configuration de la fenêtre, configuration de la barre de tabulation, configuration du réseau et autres informations

Configuration de lapplet WeChat

pages

accepte un tableau, chaque élément est une chaîne, pour spécifier le petit De quelles pages se compose le programme ? Chaque élément représente les informations [nom du fichier de chemin] de la page correspondante, et le premier élément du tableau représente la page initiale du mini-programme. L'ajout/réduction de pages dans le mini programme nécessite de modifier le tableau des pages.

Il n'est pas nécessaire d'écrire un suffixe de fichier dans le nom du fichier, car le framework recherchera automatiquement les quatre fichiers dans le chemin .json, .js, .wxml et .wxss pour l'intégration.

Par exemple, le répertoire de développement est :

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app .json

app.wxss

ensuite, nous devons écrire

{
  "pages":[
    "pages/index/index"
    "pages/logs/logs"
  ]
}
Copier après la connexion

window

dans app.json pour définir le statut du mini programme Barre, barre de navigation, titre, couleur de fond de la fenêtre. Les attributs pertinents sont les suivants :

Configuration de lapplet WeChat

{
  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}
Copier après la connexion

Le résultat d'affichage compilé est le suivant :

Configuration de lapplet WeChat

tabBar

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 spécifier les performances de la barre d'onglets via l'élément de configuration tabBar , et l'affichage correspondant lorsque l'onglet est changé de page.

Astuce : La page atteinte via un saut de page (wx.navigateTo) ou une redirection de page (wx.redirectTo), même s'il s'agit d'une page définie dans la configuration tabBar, n'affichera pas la barre d'onglets inférieure.

tabBar est un tableau, et seulement un minimum de 2 et un maximum de 5 onglets peuvent être configurés. Les onglets sont triés dans l'ordre du tableau.

Configuration de lapplet WeChat

Pour plus d'articles liés à la configuration des mini programmes WeChat, veuillez faire attention au site Web PHP 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