Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-06-21 17:49:31
Original
2273 Leute haben es durchsucht

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>
Nach dem Login kopieren

② index.js

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!