Maison  >  Article  >  Applet WeChat  >  Explication détaillée des boîtes à cartes de visite et des porte-cartes de visite

Explication détaillée des boîtes à cartes de visite et des porte-cartes de visite

零下一度
零下一度original
2017-06-10 14:16:022811parcourir

L'utilisateur possède plusieurs cartes de visite et doit basculer vers la gauche et la droite pour les afficher. Le bouton de menu permet de basculer vers le bas. Ici, nous devons glisser à deux endroits. Nous utilisons le composant coulissant fourni par WeChat et l'utilisons pour l'imbrication. La première couche est le glissement de haut en bas de l'affichage de la carte de visite et du bouton de menu. d'affichage de carte de visite (prend en charge l'intégration mutuelle. Il peut être utilisé comme un ensemble, vous pouvez donc l'utiliser en toute confiance). Vertical L'ajouter signifie glisser verticalement, le supprimer signifie glisser vers la gauche et la droite. La structure globale est la suivante : L'événement click est lié à la méthode de commutation de données car il doit prendre en charge la commutation par plusieurs clics. Les données d'initialisation sont nextSlide : regardez à nouveau l'événement nextSlide. currentSlide est l'index de la page actuelle. Le modifier peut compléter l'effet de commutation. Vous pouvez voir dans la figure ci-dessus que cs est défini sur 0 lors de l'initialisation des données. Par conséquent, attribuez simplement le data.cs+1 actuel, puis basculez l'événement de clic lié clickNext sur nextSlideAgain. Regardons à nouveau l'événement nextSlideAgain, qui soustrait 1 index pour obtenir l'effet de commutation de plusieurs clics. Les effets spécifiques peuvent être vus. Cliquez sur la carte de visite personnelle pour entrer

1. Développement du mini programme WeChat (5) Explication détaillée de la page "Moi" de la boîte de la carte de visite

Explication détaillée des boîtes à cartes de visite et des porte-cartes de visite

Introduction : L'utilisateur possède plusieurs cartes de visite et doit basculer vers la gauche et la droite pour les afficher. Le bouton de menu permet de basculer vers le bas. Ici, nous devons glisser à deux endroits. Nous utilisons le composant coulissant fourni par WeChat et l'utilisons pour l'imbrication. La première couche est le glissement de haut en bas de l'affichage de la carte de visite et du bouton de menu. d'affichage de carte de visite (prend en charge l'intégration mutuelle. Il peut être utilisé comme un ensemble, vous pouvez donc l'utiliser en toute confiance).

2. Développement du programme WeChat Mini (3) Exemple de page de détails du titulaire de la carte de visiteTutoriel

Introduction : ajouté aujourd'hui Des nouveautés ! En plus du journal de développement lui-même, j'ai également répondu à quelques questions d'amis. Sans plus tarder, jetons un coup d'œil au rendu de la page de détails « Business Card Box » :

3 Développement du mini programme WeChat (1) Explication détaillée du service de transformation. compte dans le mini programme Exemple

Explication détaillée des boîtes à cartes de visite et des porte-cartes de visite

Introduction : compte d'application WeChat (mini programme, le nouveau nom de "application compte") est enfin là. Compris ! Il est encore en phase de test interne et WeChat n'a invité que certaines entreprises à participer au test bêta fermé. Tout le monde doit se préoccuper de ce à quoi ressemblera la forme finale du compte de candidature ? Comment transformer un « compte de service » en « mini programme » ? Démontrons temporairement le processus de développement avec un exemple d'un simple outil tiers. (Le projet de l'entreprise est confidentiel et ne peut pas partager de codes ni de captures d'écran. Boka Jun a secrètement écrit des tutoriels pour tout le monde tout en faisant des heures supplémentaires. Merci à l'équipe "Business Card Box" d'avoir fourni son numéro de service pour effectuer cette opération, le tutoriel de Boka Jun utilise donc " Nom ...

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