Maison > Applet WeChat > Développement de mini-programmes > Comment définir des onglets dans un mini programme

Comment définir des onglets dans un mini programme

藏色散人
Libérer: 2020-03-18 09:19:15
original
3738 Les gens l'ont consulté

Comment définir des onglets dans un mini programme

Comment définir les onglets dans le mini programme ? La méthode de mise en œuvre du changement d'onglet dans l'applet WeChat

Déclarez d'abord une variable d'état d'onglet, comme indiqué dans la figure ci-dessous

Comment définir des onglets dans un mini programme

Puis définissez la variable sélectionnée Couleur de l'onglet, comme indiqué dans l'image ci-dessous

Comment définir des onglets dans un mini programme

Ensuite, écrivez la page wxml, comme indiqué dans l'image ci-dessous, décidez quelle partie afficher en fonction de la variable d'état de l'onglet

Comment définir des onglets dans un mini programme

Ensuite, implémentez la méthode consistant à cliquer sur la carte de la page à onglet, comme indiqué ci-dessous

Comment définir des onglets dans un mini programme

Exécutez une ligne et nous pouvons voir l'interface comme indiqué ci-dessous

Comment définir des onglets dans un mini programme

Cliquez pour changer le contenu, comme indiqué dans la figure ci-dessous

Comment définir des onglets dans un mini programme

En résumé, la carte de la page à onglet est implémentée dans le mini programme. Pour la commutation, il suffit de maîtriser les variables d'état

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal