グローバルコンフィギュレーションアプレットマイクロチャンネル

グローバルコンフィギュレーションアプレットマイクロチャンネル

グローバルコンフィギュレーションのための小型のマイクロチャネルアプレットのルートディレクトリにファイルをapp.json。

1. [追加]ページ

:二つの方法でページを追加し
、app.json下のデータファイルページ、ページ構成アプレットにマイクロチャネルパスがapp.jsonアプレットファイルで構成され、最初の方法がある缶自動的に対応するファイル・ディレクトリを生成し、ページ内のページの配列に応じてページ経路、開発ツール、マイクロチャネル・パスを追加します。
ここに画像を挿入説明
第二の方法は、フォルダ内のプロジェクトファイルのファイル構造内の次のページは、あなたが、新しいディレクトリを作成することができ、ディレクトリに、ページの新しいニーズ、新しいディレクトリが存在しますマイクロチャネルの開発ツールになることです。
ここに画像を挿入説明
あなたはページが小さなスタートアップの前のページのパスに置くことができることを示すページが必要な場合。

2.window:グローバル設定]ウィンドウ

"window": {
    "backgroundTextStyle": "dark", 
    "navigationBarBackgroundColor": "#f66",
    "navigationBarTitleText": "优购",
    "backgroundColor": "#efefef",
    "navigationBarTextStyle": "white",
    "backgroundColorTop": "#0f0",
    "onReachBottomDistance": 50
  },

backgroundTextStyle:スタイルのドロップダウンロード、唯一のダーク/ライトサポート
enablePullDownRefreshを:ドロップダウン開くかどうか、現在のページを更新。デフォルト値はfalseです。
onReachBottomDistance:ページの下部からの距離が、単位はピクセルは、イベントページの引き金を引く底打ちされます。
navigationBarBackgroundColor:ナビゲーションバーの背景色。デフォルトでは、16進数です。
navigationBarTextStyle:ナビゲーションバーのタイトルの色は、黒のみ/白をサポートしています。
navigationBarTitleText:ナビゲーションバーのタイトルテキスト。
残りは参照することができ、マイクロチャネルアプレット開発のドキュメントを。

3.tabBarページレイアウト

プログラムは、小さなプログラムは、より多くの1ページ以上ある場合は、我々は適切なオプションをクリックし、ページジャンプのTabBarコンポーネントを使用することができます、あなたは、対応するページにジャンプすることができます。リストのリストを持っているタブバーが、それは配列の各オブジェクトは、タブのラベルの内側にある、少なくとも2タブを持っている必要があります。
ここに画像を挿入説明

{
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "icon/home.png",
        "selectedIconPath": "icon/home_select.png"
      },
      {
        "pagePath": "pages/kind/kind",
        "text": "分类",
        "iconPath": "icon/kind.png",
        "selectedIconPath": "icon/kind_select.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "icon/cart.png",
        "selectedIconPath": "icon/cart_select.png"
      },
      {
        "pagePath": "pages/user/user",
        "text": "我的",
        "iconPath": "icon/user.png",
        "selectedIconPath": "icon/user_select.png"
      }

pagePath:ジャンプパスする必要があります。
テキスト:TabBarのオプションは、テキストが表示されます。
あるIconPath:TabBarのオプションは、画像が選択されていません。
selectedIconPath:TabBarのオプションは、画像が選択されています。

流行の出現、ラインとの戦い!

出版元の記事 ウォンの賞賛0 ビュー13

おすすめ

転載: blog.csdn.net/qq_42260704/article/details/104455140