easyUi开始渲染,布局出现混乱（通过动图来弥补那个时间间隔S_5）

前言

主要参考的是这个人的博客：https://www.cnblogs.com/lcawen/articles/6844548.html

出现的问题

拼手速，瞬间截取了一下屏幕，出现这个东西的时间段大概在0.5秒左右

找图片资源

在网上找到一个动图，截取了不同的时间段的效果

引用别人的代码

加在index界面中，不是加在welcome的界面

引入来源

引入

效果

进行刷新可以捕捉到这样一个界面

修改效果

动图实现

<div id="loading" style="position:absolute;z-index:1000;
top:0px;left:0px;width:100%;height:100%;
background:#FFFFFF;text-align :center;padding-top:6%;">
     <img src="../resources/admin/easyui/images/loading.jpg" width="50%">
</div> 

效果