Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die Ladekomponente, um die Ladeanimation im WeChat-Applet anzuzeigen

So verwenden Sie die Ladekomponente, um die Ladeanimation im WeChat-Applet anzuzeigen

亚连
亚连Original
2018-06-21 17:49:312289Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der WeChat-Applet-Ladekomponente zum Anzeigen von Ladeanimationen vorgestellt und die relevanten Ereignisoperationen und Attributeinstellungsfähigkeiten der Ladekomponente zum Anzeigen von Ladeanimationen in Form von Beispielen analysiert zum Herunterladen und Nachschlagen. Freunde können auf

verweisen. In diesem Artikel wird erläutert, wie die Ladeanimation des WeChat-Applets verwendet wird. Teilen Sie es wie folgt als Referenz mit allen:

Schlüsselcode

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

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So implementieren Sie nahtlose Bildlaufkomponenten mit Vue

So implementieren Sie Flux auf knockoutjs

So erstellen Sie ein universelles Front-End-Datensimulations-Framework (ausführliches Tutorial)

Wie implementieren Sie eine Reihe von Funktionen wie das Hochladen von Bildern im WeChat-Miniprogramm

Über automatisierte Builds in Webpack (ausführliches Tutorial)

Über Null- und Falschwerte in JavaScript

Fehler in JavaScript aufgetreten

So implementieren Sie einen Seitensprung und eine Werteübertragung im WeChat-Applet

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Ladekomponente, um die Ladeanimation im WeChat-Applet anzuzeigen. 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