Heim > WeChat-Applet > Mini-Programmentwicklung > WeChat Mini-Programmentwicklungsleitfaden: Informationen zur Tab-Paginierung

WeChat Mini-Programmentwicklungsleitfaden: Informationen zur Tab-Paginierung

高洛峰
Freigeben: 2017-03-04 14:40:04
Original
2148 Leute haben es durchsucht

1.1 Komponente tabBar

tabBar ist ein Array, das nur mit mindestens 2 und maximal 5 Tabs konfiguriert werden kann. Die Tabs werden in der Reihenfolge des Arrays sortiert.

WeChat Mini-Programmentwicklungsleitfaden: Informationen zur Tab-Paginierung

Das WeChat-Applet bietet eine Komponente tabBar zur Implementierung der Multi-Tab-Paging-Funktion. Wenn es sich bei unserem Applet um eine Multi-Tab-Anwendung handelt (es gibt eine Tab-Leiste am unteren Rand des Client-Fensters zum Wechseln der Seiten), können wir das tabBar-Konfigurationselement verwenden, um die Leistung der Tab-Leiste und der entsprechenden Seite festzulegen, die angezeigt wird, wenn die Die Registerkarte wird umgeschaltet.


1.2 Konfigurationsort

   "tabBar": {
    "color": "#a9a9a9",
    "selectedColor": "#1f1f1f",
    "backgroundColor": "#fefefe",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/main/main",
        "text": "首页",
        "iconPath": "image/icon_home.png",
        "selectedIconPath": "image/icon_home_select.png"
      },
      {
        "pagePath": "pages/aboutUs/aboutUs",
        "text": "关于我们",
        "iconPath": "image/icon_person.png",
        "selectedIconPath": "image/icon_person_select.png"
      }
    ] }
Nach dem Login kopieren

1.3 Symbol
Für jedes Registerkartensymbol muss es im lokalen Projekt platziert werden. Nach dem Test werden Netzwerkbilder hier nicht unterstützt . Im Stammverzeichnis des Projekts muss ein Ordner zum Speichern von Bildern erstellt werden. Der Dateiname kann beliebig sein und bei der Verwendung muss der relative Pfad angegeben werden. (Während des eigentlichen Vorgangs hat der Autor keine Möglichkeit gefunden, Bilddateien im Bildordner in der IDE abzulegen. Ich habe es in einer lokalen Datei gemacht. Ich weiß nicht, ob die Funktion zu versteckt ist oder ob ich es einfach nicht getan habe Finden Sie es. Wenn jemand es weiß, hinterlassen Sie bitte eine Nachricht die chinesische PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage