首页 > 建站教程 > APP开发,混合APP >  自定义mui的加载动画正文

自定义mui的加载动画

    MUI跳转页面之后,加载数据的时候,页面上会出现短暂的空白,这样给用的体验会不太好,所以,可以通过H5+的 nativeUI 模块中的showWaiting显示系统等待对话框。效果如下:


    代码如下:
01showWatting : function(){
02    plus.nativeUI.showWaiting("",{
03        loading:{
04            icon:"images/watting.png", //加载动画地址
05            interval:'100000ms',
06            height:'50px'
07        },
08        size:"200px",
09        textalign:"left",
10        background:"rgba(0,0,0,0)"
11    });
12}
     直接调用即可。这里要特别说明下,图片的规定:图片需求是宽是高的整数倍,仅此但还是不够,还需要每张图片的都是正方形宽高像素一致,不然的话,会导致图片出现左右轮播效果,图片格式如下图:(路径是从最外层开始查找的):