WeChat アプレット: tabBar 下部ナビゲーション用の中国語注釈 API の詳細な紹介

この記事は主にWeChatミニプログラムtabBarの下部ナビゲーション用の中国語注釈APIを詳細に紹介します。興味のある友人はそれを参照してください

WeChatミニプログラムtabBarの下部ナビゲーション用の中国語注釈API。および Xin ミニ プログラム tabBar はアプリの下部にあるナビゲーション バーであり、1 ～ 5 個のナビゲーション リンクを配置できます。これは WeChat アプレットの下部にあるナビゲーション タブバーの中国語の説明です。
WeChat アプレット tabBar は、グローバル app.json ファイルで構成されます。

ミニ プログラムの tabBar 構成コードの注釈

{
  "pages":[
    "pages/index/index",
    "pages/detail/detail"
  ],
  "window":{
    "navigationBarTitleText": "TabBar",
    "navigationBarBackgroundColor": "#F60",
    "navigationBarTextStyle": "white"
  },

  //tabBar注意是B是大写，有朋友提问运行时tab没出现，检查是不是这里手误
  "tabBar":{

  //文档指出color是必填项，其实可为空，不重写color就是深灰，样式更统一
    "color": "#ddd",

  //同样，文档指出selectedColor是必填项，不过selectedColor有必要重写，区分当前项与普通项
    "selectedColor": "#3cc51f",

  //同样，文档指出color是必填项，其实可为空，不重写backgroundColor就是浅灰，样式更统一。
    "backgroundColor": "#fff",

  //borderStyle，不写默认就是黑，那就黑好了，white的话，会少一条分隔线，跟页面混在一起了
    "borderStyle":"black",
    "list":[{
        "pagePath":"pages/index/index",

  //iconPath图标是非必填，只是tab栏会变矮，自然selectedIconPath也可不写
        "iconPath":"image/icon_API.png",
        "selectedIconPath":"image/icon_API_HL.png",
        "text":"index"
      },{
        "pagePath":"pages/detail/detail",
        "iconPath":"image/icon_component.png",
        "selectedIconPath":"image/icon_component_HL.png",
        "text":"detail"
      }]
  }
}

ミニ プログラムの tabBar パラメーターの説明

ミニ プログラムがマルチタブ アプリケーションの場合 (クライアント ウィンドウの下部にページを切り替えるためのタブ バーがあります) , 次に、tabBar 設定項目を通じてタブ バーのパフォーマンスと、タブが切り替わったときに表示される対応するページを指定できます。

tabBar は配列であり、最小 2 つ、最大 5 つのタブのみを構成できます。タブは配列の順序でソートされます。

属性の説明:

ここで list は配列を受け入れ、配列内の各項目はオブジェクトであり、その属性値は次のとおりです:

以上がWeChat アプレット: tabBar 下部ナビゲーション用の中国語注釈 API の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。