加载中的样式问题

最近在写项目的时候，因为数据库和项目的原因，导致首页进入过慢，如果用户网络差点的话进入的首页就直接白屏了，所有在进入首页的时候加入了一个正在加载中的gif图，当数据加载完成后隐藏这个图片，个人觉得还挺好玩的，记录一下

先引入该js文件

<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.6/dist/loadingoverlay.min.js"></script>

显示

$.LoadingOverlay("show",{background:"rgba(0, 0, 0, 0.2)",imageResizeFactor:0.5,imageColor: "white"});

页面加载完成后隐藏

$.LoadingOverlay("hide");

最后的样式类似于这样

 

转载于:https://www.cnblogs.com/xiajiaw/p/11376174.html