In diesem Artikel werden hauptsächlich relevante Informationen zur Entwicklung der Navigationsspalte am unteren Rand des WeChat-Applets vorgestellt. Ich wollte eine schöne Navigationsspalte am unteren Rand des WeChat-Applets haben, wusste aber nicht, wie ich sie erstellen sollte Deshalb hat Baidu diesen Artikel gefunden und mit allen geteilt. Freunde in Not können sich auf
Entwicklung der unteren Navigationsspalte des WeChat-Miniprogramms
Machen wir einen Schauen Sie sich zuerst die Darstellungen an
Hier haben wir drei Navigationssymbole hinzugefügt, da wir drei Seiten haben und das WeChat-Applet bis zu fünf hinzufügen kann.
Wie sehen sie dann aus und wie sind sie gefärbt? In zwei Schritten erledigt!
1. Icon-Vorbereitung
Alibaba-Icon-Bibliothek http://www.iconfont.cn/collections/show/29
Wir betreten die Website, fahren mit der Maus über ein Symbol, das uns gefällt, und klicken unten auf den Download-Button
Wählen Sie im Popup zwei Symbole in verschiedenen Farben aus box Wählen Sie einfach die Größe 64px, ich habe PNG gewählt und laden Sie es dann herunter und geben Sie ihm einen Alias
Speichern Sie das Symbol mit dem oben genannten Namen im Miniprogrammprojekt Verzeichnis. Im erstellten Bilderordner sind die Vorbereitungen fertig
2. Ändern Sie die Konfigurationsdatei
Wir haben gefunden Fügen Sie der Konfigurationsdatei app.json im Projektstammverzeichnis die folgenden Konfigurationsinformationen hinzu"tabBar": { "color": "#a9b7b7", "selectedColor": "#11cd6e", "borderStyle":"white", "list": [{ "selectedIconPath": "images/111.png", "iconPath": "images/11.png", "pagePath": "pages/index/index", "text": "首页" }, { "selectedIconPath": "images/221.png", "iconPath": "images/22.png", "pagePath": "pages/logs/logs", "text": "日志" }, { "selectedIconPath": "images/331.png", "iconPath": "images/33.png", "pagePath": "pages/test/test", "text": "开心测试" }] },
WeChat-Applet implementiert den MUI-Nummerneingabefeldeffekt
Über das WeChat-Applet, das die obere Registerkarte implementiert Einführung in ( Swiper)
Die Verwendung von Eingabeformularen, Redio- und Dropdown-Listen in WeChat-Miniprogrammen
Das obige ist der detaillierte Inhalt vonÜber die Entwicklung der Navigationsleiste unten im WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!