Wie verwende ich eine Vorlage im WeChat-Applet?

Wenn ein Projekt im Rahmen der Entwicklung von Miniprogrammen ähnliche Module auf mehreren Seiten verwenden muss, müssen Vorlagen erstellt werden, um die Codemenge zu reduzieren und die Wiederverwendung von Code zu erhöhen. Das Applet verwendet die Vorlage über das Vorlagen-Tag. Das is-Attribut des Vorlagen-Tags entspricht dem Namensattribut der Vorlage, und das Datenattribut stellt die an die Vorlage übergebenen Daten dar.

Bevor Sie Vorlagen zum Entwickeln kleiner Programme verwenden, müssen Sie zunächst die Vorlage definieren und einen neuen Vorlagenordner im Entwicklungsprojekt erstellen, um alle Vorlagen im Projekt zu verwalten. Da es sich bei der Vorlage um eine Stildatei handelt, erstellen Sie eine neue Datei „courseList.wxml“, um die Vorlage zu definieren. Verwenden Sie das Namensattribut als Namen der Vorlage. Definieren Sie dann den darin enthaltenen Codeausschnitt. Es ist zu beachten, dass mehrere Vorlagen in einer .wxml-Datei definiert werden können und nur anhand des Namens unterschieden werden müssen. Bei den Daten in der Vorlage handelt es sich ausschließlich um erweiterte Attribute. Der Code zum Definieren der Vorlage lautet wie folgt:

Geben Sie einen anderen Namen ein, um eine andere vollständige Vorlage zu definieren. Bei Verwendung der Vorlage. pass different Die definierte Vorlage wird namentlich aufgerufen. Verwenden Sie das Attribut is, um die Vorlage zu deklarieren, die Sie verwenden müssen:

import src=../../templates/courseList.wxml

Übergeben Sie die für die Vorlage erforderlichen Daten. Im Allgemeinen verwenden wir die Listendarstellung.

Es ist erwähnenswert, dass Sie durch einen Ausdruck oder durch wx:if bestimmen können, welche Vorlage verwendet werden soll. index ist der Index des aktuellen Elements im Array.

Vorlagenstil

Wenn Sie eine neue Vorlage erstellen, erstellen Sie gleichzeitig eine neue courseList.wxss-Datei und steuern Sie den Stil auf die gleiche Weise wie CSS.

Importieren Sie es in die .wxss-Datei der Seite, die die Vorlage verwenden muss, oder importieren Sie es direkt in app.wxss, sodass Sie es nur einmal importieren müssen und andere Dateien nicht importiert werden müssen importiert.

Zusammenfassend lässt sich sagen, dass die Verwendung von Miniprogrammvorlagen hauptsächlich darin besteht, mehrere ähnliche Vorlagen in derselben WXML-Datei zu erstellen und das Namensattribut zu verwenden, um sie zu unterscheiden. Der Unterschied zwischen der global eingeführten und der auf der Verwendungsseite eingeführten Vorlage WXSS liegt bei der Verwendung von Vorlagen.

Empfohlen: „Mini-Tutorial zur Programmentwicklung“

Das obige ist der detaillierte Inhalt vonWie verwende ich eine Vorlage im WeChat-Applet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!