WeChat アプレット開発のグローバル構成の概要

この記事では、主に WeChat アプレット開発のグローバル構成に関する関連情報を紹介します。必要な方は、

一.app.json

を参照して、WeChat アプレットをグローバルに構成し、決定します。ページ ファイルのパス、ウィンドウのパフォーマンス、ネットワーク タイムアウトの設定、複数のタブの設定など。

.json ではコメントできないことに注意してください。コメントしないとエラーが発生します。

2. ツールバー tabBar

アプレットがマルチタブ アプリケーションである場合 (ページを切り替えるためのクライアント ウィンドウの下部または上部にタブ バーがある)、タブ バーのパフォーマンスを指定できます。 tabBar設定項目と、タブ切り替え時に表示される対応ページ。

tabBar は配列であり、少なくとも 2 つ、最大 5 つのタブでのみ構成できます。タブは配列

の順序で並べ替えられます。 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 
}

アイコンはページと同じレベルに配置でき、ファイル名はカスタマイズできます。

app.json のその他のプロパティ: 公式ドキュメントを参照できます。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat アプレットの MINA ファイル構造の紹介

WeChat アプレット開発チュートリアル - mixin 拡張機能の追加

以上がWeChat アプレット開発のグローバル構成の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。