WeChat Mini-Programm: Verwendung von Stilvorlagen

Während des Entwicklungsprozesses kleiner Programme kann es vorkommen, dass der Layoutcode mehrerer Seiten derselbe ist. Die Codes dieser Stile müssen jedoch jedes Mal aktualisiert werden Das Umschreiben ist sehr mühsam und verschwendet Ressourcen. Wie bei anderen Entwicklungen werden auch Stilvorlagen verwendet. Was wir heute vorstellen werden, ist die Verwendung von Stilvorlagen (einschließen und importieren).

1. Verwenden Sie include, um Vorlagenstile einzuschließen
Zum Beispiel: Zuerst müssen wir einen Ordner zum Speichern von Stilvorlagen erstellen die Textkomponentenvorlage als Beispiel:

Dann verwenden wir , um die Seite zu importieren, die benötigt wird Verweisen Sie auf die geänderte Vorlage. Das ist es. Wir können sehen, dass das Anzeigeergebnis wie folgt aussieht:

Die Verwendung dieser Methode zum Referenzieren von Vorlagen entspricht tatsächlich dem Kopieren des gesamten Header-Codes in den einzubindenden Vorlagen

2. Verwenden Sie die Importmethode, um auf die Vorlage zu verweisen

<!--模板样式的使用  底部样式-->
<import src="../templates/footer"  />
<template is="footer1" />

In ähnlicher Weise erstellen wir eine „footer.wxml“ unter „Vorlagen“ und erstellen zwei untere Layouts mit dem folgenden Code

<template name="footer1">
51小程序-底部布局1
</template>

<template name="footer2">
51小程序-底部布局2
</template>

Die Methode für uns, diese beiden unteren Stile in die Seite newvip.wxml zu importieren, ist wie folgt (da es zwei Stile gibt, müssen wir eine Vorlage verwenden, um anzugeben, welcher

<!--模板样式的使用，底部样式-->
<import src="../templates/footer" />
<template is="footer1" />
<!--模板样式的使用，底部样式-->
<import src="../templates/footer" />
<template is="footer2" />

Das Ergebnis nach dem Debuggen ist wie folgt:

Zusammenfassung:

1 Zum Aufrufen des aufgerufenen wird der gesamte Inhalt der Datei kopiert.
2. Beim Import muss angegeben werden, welcher Stil aufgerufen werden soll, nicht alles kopiert werden

Hinweis in diesem Abschnitt:

1.Es gibt / am Ende >

2.Das Ende sollte auch /

Für weitere WeChat-Miniprogramme: verwandte Artikel zur Verwendung von Stilvorlagen, bitte bezahlen Achtung auf die chinesische PHP-Website!