最近做了个手机端pdf预览的功能,用到pdf.js这个库,效果还不错。但是在网络差、文件大时,页面一直空白,体验不是很好。

于是加了个loading动画。

 1     <div id="loadingContainer">
 2       <div class="spinner">
 3         <div class="spinner-container container1">
 4           <div class="circle1"></div>
 5           <div class="circle2"></div>
 6           <div class="circle3"></div>
 7           <div class="circle4"></div>
 8         </div>
 9         <div class="spinner-container container2">
10           <div class="circle1"></div>
11           <div class="circle2"></div>
12           <div class="circle3"></div>
13           <div class="circle4"></div>
14         </div>
15         <div class="spinner-container container3">
16           <div class="circle1"></div>
17           <div class="circle2"></div>
18           <div class="circle3"></div>
19           <div class="circle4"></div>
20         </div>
21       </div>
22     </div>
html

相关文章:

  • 2021-08-20
  • 2021-10-20
  • 2022-02-19
  • 2021-04-08
  • 2021-09-27
  • 2021-08-24
  • 2022-01-06
猜你喜欢
  • 2021-05-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-21
相关资源
相似解决方案