打开页面时,加载中的提示的文字和图片都是可以自定义的,今天试了一下,其实很简单的东西弄了有一会,分享一下希望大家少走弯路吧。
为了方便测试,看到效果,我是直接调用的h5+的API,正常使用是在mui
plus.nativeUI.showWaiting('处理中,请等待...', {loading:{icon:"/images/loading.png"}});
其实这个很简单,看文档就知道了,而且问答中都有提到。
关键是这个图片的设置,官方是要求的PNG格式的图片。
这个动态图的实现原理是,代码会自动根据图片的高度,横向截取图片,也就是说,首先你的图标需要是一个正方形的图标,然后你要把你的动态图片弄成一张一张逐帧的形式,无缝拼接成一张横着的png图片,就可以啦。
像这样
搞定!