Exemple de dialogue de chargement (chargement en cours) dans l'application WeChat Mini

Notification de chargement du mini-programme WeChat :

loading n'a qu'une propriété hidden

.wxml

<view>
 <loading hidden="{{hidden}}">
  En chargement...
 </loading>
 <button bindtap="changeHidden">show/hidden</button>
</view>

.js

Page({
 data: {
  hidden: true
 },
 changeHidden: function(){
  this.setData({
   hidden: !this.data.hidden
  });
 }
)  

Effet

Lorsque la boîte de dialogue apparaît, les clics en dehors de la boîte de dialogue ne sont pas réactifs, donc un clic supplémentaire sur le bouton ne peut pas cacher la boîte de dialogue.

Merci de lire, j'espère que cela peut aider tout le monde, merci de votre soutien à ce site !