WeChat-Applet: Detaillierte Einführung in die chinesische Annotations-API für die TabBar-Navigation unten

In diesem Artikel wird hauptsächlich die chinesische Anmerkungs-API für die untere Navigation des WeChat-Miniprogramms tabBar im Detail vorgestellt. Interessierte Freunde können sich auf

Die chinesische Anmerkungs-API für die untere Navigation beziehen Die TabBar des WeChat-Miniprogramms ist die Navigationsleiste am unteren Rand der App, in der 1-5 Navigationslinks platziert werden können. Hier ist die chinesische Erklärung der unteren Navigations-Tabbarleiste des WeChat-Miniprogramms .
Das WeChat-Applet tabBar wird in der globalen Datei app.json konfiguriert.

Miniprogramm-TabBar-Konfigurationscodeanmerkung

{
  "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"
      }]
  }
}

Miniprogramm-TabBar-Parameterbeschreibung

Wenn unser The Applet ist eine Multi-Tab-Anwendung (es gibt eine Tab-Leiste am unteren Rand des Client-Fensters zum Wechseln der Seiten). Anschließend können wir die Leistung der Tab-Leiste über das TabBar-Konfigurationselement festlegen und die entsprechende Seite anzeigen, wenn die Registerkarte geöffnet ist geschaltet.

tabBar ist ein Array und es können nur mindestens 2 und maximal 5 Registerkarten konfiguriert werden. Die Registerkarten werden in der Reihenfolge des Arrays sortiert.

Attributbeschreibung:

wobei list ein Array akzeptiert, jedes Element im Array ein Objekt ist und seine Attributwerte wie folgt lauten:

Das obige ist der detaillierte Inhalt vonWeChat-Applet: Detaillierte Einführung in die chinesische Annotations-API für die TabBar-Navigation unten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!