index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="zh-Hans">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <link rel="icon" href="<%= BASE_URL %>favicon.png">
  8. <script src="<%= BASE_URL %>fontawesome-v5.13.0.js"></script>
  9. <title>管理后台</title>
  10. <style>
  11. @keyframes loading-dot{
  12. 0%{
  13. content:"";
  14. }
  15. 30%{
  16. content:".";
  17. }
  18. 60%{
  19. content:"..";
  20. }
  21. 90%{
  22. content:"...";
  23. }
  24. }
  25. @keyframes loading-round{
  26. from{
  27. transform:rotate(0deg);
  28. }
  29. to{
  30. transform:rotate(360deg);
  31. }
  32. }
  33. .loading-text{
  34. text-align: center;
  35. width:200px;
  36. }
  37. .loading-text:after{
  38. content:"...";
  39. animation:loading-dot 1s infinite;
  40. }
  41. .loading-img{
  42. display:inline-block;
  43. animation:loading-round 1s linear infinite;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <noscript>
  49. <strong>We're sorry but vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  50. </noscript>
  51. <div id="app">
  52. <div style="display:flex;justify-content: center;text-align:center;">
  53. <div style="margin-top:300px;padding:30px;border:solid 1px #ccc;border-radius:6px;" >
  54. <img src="<%=BASE_URL%>loading.gif" style="width:100px;max-height:100%;" />
  55. <div class="loading-text"><span class="loading-img">★</span>正在加载数据</div>
  56. </div>
  57. </div>
  58. </div>
  59. <!-- built files will be auto injected -->
  60. </body>
  61. </html>