Heim >WeChat-Applet >Mini-Programmentwicklung >Tutorial zum Laden der Animationsmethode in der WeChat-Applet-Ladekomponente

Tutorial zum Laden der Animationsmethode in der WeChat-Applet-Ladekomponente

小云云
小云云Original
2017-12-11 09:12:389502Durchsuche

WeChat-Miniprogramme werden immer beliebter. In diesem Artikel wird hauptsächlich die Verwendung der Ladekomponente des WeChat-Miniprogramms zur Anzeige von Ladeanimationen vorgestellt. Er analysiert die zugehörigen Ereignisvorgänge und Attributeinstellungstechniken der Ladekomponente zur Anzeige von Ladevorgängen Animation in Form von Beispielen.

1. Effektanzeige

2. Tastencode

① 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);
  }
})

Hast du es schon gelernt? Beeilen Sie sich und machen Sie es selbst.

Verwandte Empfehlungen:

Zusammenfassung der Funktionen des WeChat-Miniprogramms

Beispiel eines WeChat-Miniprogramms, das eine Videokomponente zur Wiedergabe der Videofunktion verwendet

Detaillierte Erläuterung der Video-, Musik- und Bildkomponenten des WeChat-Miniprogramms

Das obige ist der detaillierte Inhalt vonTutorial zum Laden der Animationsmethode in der WeChat-Applet-Ladekomponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn