Comment utiliser le composant de chargement pour afficher l'animation de chargement dans l'applet WeChat

Cet article présente principalement l'utilisation du composant de chargement d'applet WeChat pour afficher l'animation de chargement, et analyse les opérations d'événement pertinentes et les compétences de définition d'attributs du composant de chargement pour afficher l'animation de chargement sous forme d'exemples. Il est également livré avec du code source pour les lecteurs. à télécharger et à consulter. Si nécessaire, les amis peuvent se référer à

Cet article explique comment utiliser le composant de chargement de l'applet WeChat pour afficher l'animation de chargement. Partagez-le avec tout le monde pour votre référence, comme suit :

Code clé

① index.wxml

<loading hidden="{{loadingHidden}}">
 加载中...
</loading>
<button type="default" bindtap="loadingTap">点击弹出loading</button>

② index.js

Page({
  data: {
    loadingHidden: true
  },
  loadingTap: function(){
    this.setData({
     loadingHidden: false
    });
    var that = this;
    setTimeout(function(){
     that.setData({
       loadingHidden: true
     });
     that.update();
    }, 3000);
  }
})

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Comment implémenter des composants de défilement transparent à l'aide de vue

Comment implémenter le flux sur knockoutjs

Comment créer un cadre de simulation de données universelle frontale (tutoriel détaillé)

Comment implémenter une série de fonctions telles que le téléchargement d'images dans le mini programme WeChat

À propos des builds automatisés dans Webpack (tutoriel détaillé)

À propos des valeurs nulles et fausses en javaScript

BUG rencontré dans JavaScript

Comment implémenter le saut de page et le transfert de valeur dans l'applet WeChat

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!