Ejemplo de cuadro de carga (carga en curso) de mini programa de WeChat

Cuadro de mensaje de carga de MiniProgram de WeChat:

loading tiene solo una propiedad hidden

.wxml

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

.js

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

Efecto

Después de que se muestra el cuadro de diálogo emergente, no se puede hacer clic en lugares fuera del cuadro de diálogo, por lo que hacer clic nuevamente en el botón no puede ocultar el cuadro de diálogo.

Gracias por leer, espero que pueda ayudar a todos, gracias por el apoyo a nuestro sitio!