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

藏色散人
藏色散人original
2020-03-18 09:19:153736parcourir

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!

Déclaration:
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