WeChat アプレット開発のグローバル構成の概要-ミニプログラム開発-php.cn

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

不言

リリース： 2018-06-23 10:52:45

オリジナル

1817 人が閲覧しました

この記事では、主に 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 
}

ログイン後にコピー

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