Einfache Beispielentwicklung eines WeChat-Applet-Readers

In diesem Artikel werden hauptsächlich relevante Informationen zur Entwicklung einfacher Beispiele für WeChat-Miniprogramm-Leser vorgestellt.

Heute habe ich mit Freunden über Miniprogramme gesprochen und dann eins gelesen Buch, und dann habe ich eine kleine Lesedemo gemacht und teile sie jetzt.

1. Schauen wir uns zunächst das Bild oben an: ​>

Viele Studierende hier werden feststellen, dass viele Farbkonfigurationen nicht funktionieren. Ja, die verfügbaren Farben sind derzeit begrenzt. Weitere Informationen finden Sie in den offiziellen Dokumenten. Wie viele TabBars benötigt werden, schreiben Sie einfach in die Liste. In diesem Artikel wurden drei benötigt, also haben Sie drei gesehen. Der obige iconPath ist das Symbol der tabBar. Diese Größe ist ebenfalls auf 40 KB begrenzt. Dann ist pagePath der Seitenlink, der dieser tabBar entspricht. Der Text soll den Inhalt einschränken, daher werde ich hier nicht auf Details eingehen.

Öffnen Sie das Projektcodeverzeichnis wie folgt:

    "tabBar": {
  "color": "#dddddd",
  "selectedColor": "#d92121",
  "borderStyle": "white",
  "backgroundColor": "#fff",
  "list": [{
   "pagePath": "pages/index",
   "iconPath": "images/main.png",
   "selectedIconPath": "images/main-s.png",
   "text": "主页"
  },{
   "pagePath": "pages/layout/hot",
   "iconPath": "images/hot.png",
   "selectedIconPath": "images/hot-s.png",
   "text": "最热"
  },{
   "pagePath": "pages/layout/new",
   "iconPath": "images/new.png",
   "selectedIconPath": "images/new-s.png",
   "text": "最新"
  }]
 },

Wir öffnen die Homepage-Indexseite

Wir können den Seitenlebenszyklus oben sehen und die Ereignisse schreiben, die wir in der Veranstaltung behandeln möchten.

　Die Methode getApp(); ruft die globale Instanz ab.

Wir öffnen die Ansichtsseite

Und item ist das standardmäßige (wieder standardmäßige) einzelne Listenelement. Sie können auch einen Alias ​​angeben, unabhängig davon, ob Sie das Element verwenden möchten oder nicht.

Das obige ist der detaillierte Inhalt vonEinfache Beispielentwicklung eines WeChat-Applet-Readers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!