Exemplo de Caixa de Carga (Caixa de Carga) no Miniprograma WeChat

Caixa de diálogo de carregamento do WeChat Mini Program:

loading tem apenas um atributo hidden

.wxml

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

.js

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

Efeito

Quando o caixa de diálogo aparecer, o clique fora do caixa de diálogo não é responsivo, então clicar novamente no botão não pode ocultar o caixa de diálogo.

Obrigado por ler, espero que ajude a todos, obrigado pelo apoio ao site!