小型マイクロチャネルプログラム開発ノート（3） - トップのタイトルバーの設定で、ナビゲーションバーの下部

インフラストラクチャライブラリ2.5.0は、カスタムタブバーをサポートするために始めました...

1. 3つのページ、ホームページ（ホーム）、ニュース（情報）を準備し、I（私）

選択したページファイルを右フォルダ - >新規フォルダ] - > [新しいホームフォルダ - >右のホームファイルのフォルダを選択 - 同じようにメッセージ（情報）に建てられた>新規ページ、および同じ名前を保つために、フォルダ、I （鉱山）。

中app.jsonは自動的に登録私たちを助けます

" ページ" ：[
     " ページ/インデックス/インデックス" 、
     " ページ/ログ/ログ" 、
     " ページ/ホーム/ホーム" 、
     " ページ/情報/情報" 、
     " ページ/鉱山/鉱山" 
  ]、

我々は、フロントページに置くことができることを示したいと思います

" ページ" ：[
     " ページ/ホーム/ホーム" 、
     " ページ/情報/情報" 、
     " ページ/鉱山/鉱山" 、
     " ページ/インデックス/インデックス" 、
     " ページ/ログ/ログ"    
  ]、

2. 6枚の絵、選択した3つの画像を用意し、3の画像は、同じレベルのフォルダの画像、ページやフォルダを作成するには、選択されていません、

どのコードセグメントapp.jsonを追加します。

" タブバー" ：{
     " 色"：" ＃1 A1ABB2 " 、
     " selectedColor "：" ＃1DB1CF " 、
     " のborderStyle "：" 黒" 、
     " リスト" ：[ 
      { 
        " selectedIconPath "：" 画像/ homeon.png " 、
         " あるIconPath "：" 画像/ homeoff。PNG " "pagePath "：" ページ/ホーム/ホーム" " テキスト"：" 主页" 
      }、
      { " selectedIconPath "：" 画像/ infoon.png " " あるIconPath "：" 画像/ infooff.png " " pagePath "：" ページ/情報/情報「」テキスト「：」情報の「
         
      }、
      { 
        "selectedIconPath "：" 画像/ mineon.png " " あるIconPath "：" 画像/ mineoff.png " " pagePath "：" ページ/鉱山/鉱山" " テキスト"：" 我的" 
      } 
    ] 
  }

説明します

「色」：「＃1 A1ABB2 」、//ナビゲーションバーのフォントの色 
 「selectedColor 」：「＃1DB1CF 」、//ナビゲーションバーは、フォントの色を選択する
 「のborderStyleを」：「ブラック」、ナビゲーションバー上の//境界線の色、フィールドには、黒または白でなければならない　

「selectedIconPath 」：「ロイヤリティーフリー/ homeon.png 」あなたが画像を選択すると、ナビゲーションバーを表示する//、
 「あるIconPath 」：「ロイヤリティーフリー/ homeoff.png 」、ナビゲーションバーの//フォトギャラリーが選択されていません
 」。pagePath "："ページおよび/ホーム/ホーム「//ナビゲーションバーに対応するページアドレス 
 」テキスト「：」ホーム"　　 //ナビゲーションバー対応するテキスト

インフラストラクチャライブラリ2.5.0は、対処するために行われる低互換性のあるバージョンをサポートするために始めました。あなたが公式の醜い、あるいは需要の原因を考える場合、もちろん、あなたは、このような使用として、それをカスタマイズすることができますスワイプ、SWP-項目は達成します...

：ネチズンの記事を参照することをお勧めしますhttps://www.cnblogs.com/ljybill/articles/10419706.htmlを

公式ポータル

3.公共エリアでのトップタイトル

どのコードセグメントapp.jsonを追加します。

" ウィンドウ" ：{ 
     " navigationBarBackgroundColor "：" #FFF " 、
     " navigationBarTitleText "：" 微信小程序" 、
     " navigationBarTextStyle "：" 黒" 、
     " enablePullDownRefresh "：真、
     " backgroundTextStyle "：" 光" 、
     "backgroundColorの"：" #eee" 
  }、

説明します

「NavigationBarBackgroundColor 」：「#FFF 」、//トップバナーエリアの背景色
 「navigationBarTitleText 」：「マイクロチャネルアプレット」、//グローバルトップタイトルテキスト
 「navigationBarTextStyle 」：「ブラック」、//トップヘッダーテキストの色
 「enablePullDownRefresh 」：真、//ドロップダウンリフレッシュを開くかどうか、フィールドが真または偽でなければならない
 「backgroundTextStyle 」：「ライト」、//ドロップダウンリフレッシュ3少し色、ダークフィールドまたはライト
 」backgroundColorの"："#eee 「　　 // ドロップダウン背景色の表示領域をリフレッシュ

公式ポータル

このようhome.jsonとしてフォルダ構成の下で、単一ページのJSONファイルフォルダに、単一のページを提供します：

{
   " navigationBarBackgroundColor "：" #FFF " 、
   " navigationBarTitleText "：" 主页" 、
   " navigationBarTextStyle "：" 黒" 、
   " enablePullDownRefresh "：真、
   " backgroundTextStyle "：" 暗い" 、
   " backgroundColorの"：" #eee "
}

そして、ラジャのネチズンはもっとアップロードをお勧めします：https://www.jianshu.com/p/cc3a516224ee

単純にそれを記録。。。欠点は、それを歓迎します。ありがとうございます！