我爱模板网 > 建站教程 > 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)"
		});
	}
     直接调用即可。这里要特别说明下,图片的规定:图片需求是宽是高的整数倍,仅此但还是不够,还需要每张图片的都是正方形宽高像素一致,不然的话,会导致图片出现左右轮播效果,图片格式如下图:(路径是从最外层开始查找的):



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:MUI框架默认长按不可复制,mui longtap 下一篇:mui获取APP版本
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢