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

自定义mui的加载动画

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


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