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

我是一个点

于 2019-12-04 17:54:25 发布

阅读量480

点赞数 1

分类专栏：脚手架的学习 easyUI框架文章标签： easyUI 解决布局混乱

本文链接：https://blog.youkuaiyun.com/qq_43918130/article/details/103390967

版权

脚手架的学习同时被 2 个专栏收录

6 篇文章

订阅专栏

easyUI框架

6 篇文章

订阅专栏

本文介绍了一个网页加载动画的实现过程，包括遇到的问题、资源寻找、代码引用及效果修改。通过引用他人代码并加以修改，实现了动态加载效果，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前言

主要参考的是这个人的博客：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>

在这里插入图片描述

效果

在这里插入图片描述