Heim > WeChat-Applet > Mini-Programmentwicklung > Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung

Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung

高洛峰
Freigeben: 2017-03-15 16:03:18
Original
2752 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erläuterung von Tabbar-Beispielen für die WeChat-Miniprogrammentwicklung vorgestellt. Freunde in Not können sich auf

WeChat-Miniprogramm-Tabbar

beziehen 1. Laden Sie die WeChat-Applet-Entwicklungssoftware herunter

2. Scannen Sie den QR-Code, um sich anzumelden, und klicken Sie auf Ihrem Telefon auf „Anmeldung bestätigen“

3. Wählen Sie hier „Keine APPID“ aus. Geben Sie bei Bedarf die APPID ein. Sie müssen sich im WeChat-Applet registrieren. Anschließend können Sie die APPID abrufen, den Projektnamen eingeben und das Projektverzeichnis auswählen (

Hinweis

: Das WeChat-Applet wird nicht erstellt Erstellen Sie also zunächst selbst einen Projektordner und fügen Sie das Projekt hinzu. Beachten Sie, dass ein Optionsfeld Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung vorhanden ist . Wenn Sie dieses

Optionsfeld

abbrechen, wird ein leeres Projekt erstellt. Ich wähle diese Schaltfläche 4 ein neues Projekt, fügen Sie nun unten eine Tableiste ein, erstellen Sie ein neues erstes Bildverzeichnis, klicken Sie mit der rechten Maustaste auf das Verzeichnis -> Neu -> 🎜>

Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung 5. Klicken Sie auf den Bildordner ->Öffnen Sie die Festplatte und ziehen Sie das
Bild

in das Unterverzeichnis. Hinweis: Die Bildgröße ist auf 40 KB begrenzt , Größe 81px * 81px

Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung

6. Werfen wir zunächst einen Blick auf die

Verzeichnisstruktur Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung. Das Programm verfügt über zwei Verzeichnisse, eine Seite und Dienstprogramme. Diese beiden Verzeichnisse sind zwei Seiten (die erste Seite sehen Sie, wenn Sie sie ausführen). das Programm) Ja, die zweite Seite erscheint, wenn Sie auf unseren Avatar klicken. Wir werden diese beiden Seiten als Tabbar-Seiten verwenden.
json

Tabbar schreiben

Steuerung ;Der Einfachheit halber lege ich das Bild in das Stammverzeichnis, wähle das Bildverzeichnis aus und klicke mit der rechten Maustaste->Festplatte öffnen->

kopiere

das Bildverzeichnis in das Stammverzeichnis, Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-EntwicklungLöschen
Das Originalverzeichnis ist in Ordnung

, der Code lautet wie folgt:

Methodenbeschreibung: Farbe : Keine Schriftfarbe ausgewähltselectedColor: Wählen Sie die SchriftfarbeborderStyle: Farbe der Linie über der Tabbar weiß (nur Weiß und Schwarz sind unterstützt)

Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-EntwicklungHintergrund
Farbe: Hintergrundfarbe der Tableiste

Netzwerk

Zeit

Überschreitung: Netzwerk-Timeout-Zeit festlegen


Debug: Debug-Modus aktivieren

Der Effekt ist wie folgt:


Hinweis:

Liste

Seiten sind darf nicht auf den Seiten von app.json registriert werden;

Detaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung

Vielen Dank fürs Lesen, ich hoffe, es kann Ihnen helfen, vielen Dank für Ihre Unterstützung dieser Website!

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Tabbar-Beispielen in der WeChat-Applet-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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