ホームページ >WeChat アプレット >ミニプログラム開発 >WeChat アプレット開発のグローバル構成の概要

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

不言オリジナル: 2018-06-23 10:52:451921ブラウズ

この記事では、主に 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 アプレット開発のグローバル構成の概要

関連記事