Comment utiliser le modèle dans l'applet WeChat ?

Dans le processus de développement de mini-programmes, si un projet doit utiliser des modules similaires sur plusieurs pages, il est nécessaire de créer des modèles pour réduire la quantité de code et augmenter la réutilisation du code. L'applet utilise le modèle via la balise template. L'attribut is de la balise template correspond à l'attribut name du modèle, et l'attribut data représente les données transmises dans le modèle.

Avant d'utiliser des modèles pour développer de petits programmes, vous devez d'abord définir le modèle et créer un nouveau dossier de modèles dans le projet de développement pour gérer tous les modèles du projet. Puisque le modèle est un fichier de style, créez un nouveau fichier courseList.wxml pour définir le modèle. Utilisez l'attribut name comme nom du modèle. Définissez ensuite l’extrait de code qu’il contient. Il convient de noter que plusieurs modèles peuvent être définis dans un fichier .wxml et doivent uniquement être distingués par leur nom. Les données du modèle sont toutes des attributs développés. Le code pour définir le modèle est le suivant :

Entrez un nom différent dans nom pour définir un autre modèle complet. Ils appartiennent à un fichier .WXML. pass different Le modèle défini est appelé par son nom. Utilisez l'attribut is pour déclarer le modèle que vous devez utiliser :

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

Transmettez les données requises par le modèle. Généralement, nous utiliserons le rendu de liste.

Il est à noter que vous pouvez déterminer quel modèle utiliser via une expression ou via wx:if. index est l'indice de l'élément actuel dans le tableau.

Style de modèle

Lors de la création d'un nouveau modèle, créez un nouveau fichier courseList.wxss en même temps et contrôlez le style de la même manière que CSS.

Importez-le dans le fichier .wxss de la page qui doit utiliser le modèle ; ou importez-le directement dans app.wxss, de sorte que vous n'ayez besoin de l'importer qu'une seule fois et que d'autres fichiers n'aient pas besoin d'être importés. importé.

Pour résumer, l'utilisation de modèles de mini-programmes consiste principalement à créer plusieurs modèles similaires dans le même fichier WXML et à utiliser l'attribut name pour les distinguer. La différence entre le modèle WXSS introduit globalement et introduit sur la page d'utilisation réside. dans l'utilisation des modèles.

Recommandé : "Tutoriel de développement de mini-programmes"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!