WeChat Mini Program Loading (Loading Prompt) Example

WeChat Mini Program Loading Prompt Box:

Loading has only one attribute hidden

.wxml

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

.js

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

Effect

After the pop-up box appears, clicking outside the pop-up box will not respond, so clicking the button again cannot hide the pop-up box.

Thank you for reading, I hope it can help everyone, thank you for your support to our website!