小程序使用loading组件显示载入动画

为了与用户更加友好,在进入主页后,在请求服务器作各种处理时,就在小程序界面上显示一个等待动画。然后服务器处理完成之后,小程序等待动画消失。
123-1.png

在首页的page的wxml文件中加入组件代码:

<loading hidden="{{loadingHidden}}">

 程序加载中...

</loading>
同级的js文件中根据情况控制loadingHidden的值(false/true)即可

data声明中加入:

loadingHidden: false, // 等待状态
注:当loadingHidden为false时会在界面上一直加载动画,当我们服务器处理完成后修改loadingHidden的值为true。这时界面加载动画就会消失!

Last modification:January 21st, 2019 at 06:44 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment