index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="en" class="layout-theme-default">
  3. <script>
  4. var _hmt = _hmt || [];
  5. (function () {
  6. var hm = document.createElement("script");
  7. hm.src = "https://hm.baidu.com/hm.js?5689828a1ed41bac184cbfb451f4ba32";
  8. var s = document.getElementsByTagName("script")[0];
  9. s.parentNode.insertBefore(hm, s);
  10. })();
  11. </script>
  12. <head>
  13. <meta charset="UTF-8" />
  14. <link rel="icon" href="/logo_1.png" />
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  16. <title>数据统计</title>
  17. <script src="/sortable.min.js"></script>
  18. <script>
  19. window.process = {};
  20. </script>
  21. <script type="module" crossorigin src="/assets/index.56449854.js"></script>
  22. <link rel="stylesheet" href="/assets/index.ef24f93d.css">
  23. <link rel="stylesheet" href="/assets/layout-theme-default.css" id="head">
  24. </head>
  25. <body>
  26. <div id="app">
  27. <style>
  28. html,
  29. body,
  30. #app {
  31. width: 100%;
  32. height: 100%;
  33. display: flex;
  34. position: relative;
  35. justify-content: center;
  36. align-items: center;
  37. overflow: hidden;
  38. }
  39. .loader,
  40. .loader:before,
  41. .loader:after {
  42. border-radius: 50%;
  43. width: 2.5em;
  44. height: 2.5em;
  45. animation-fill-mode: both;
  46. animation: loadAnimation 1.8s infinite ease-in-out;
  47. }
  48. .loader {
  49. color: #406eeb;
  50. font-size: 10px;
  51. margin: 80px auto;
  52. position: relative;
  53. text-indent: -9999em;
  54. transform: translateZ(0);
  55. animation-delay: -0.16s;
  56. top: 0;
  57. transform: translate(-50%, 0);
  58. }
  59. .loader:before,
  60. .loader:after {
  61. content: "";
  62. position: absolute;
  63. top: 0;
  64. }
  65. .loader:before {
  66. left: -3.5em;
  67. animation-delay: -0.32s;
  68. }
  69. .loader:after {
  70. left: 3.5em;
  71. }
  72. @keyframes loadAnimation {
  73. 0%,
  74. 80%,
  75. 100% {
  76. box-shadow: 0 2.5em 0 -1.3em;
  77. }
  78. 40% {
  79. box-shadow: 0 2.5em 0 0;
  80. }
  81. }
  82. </style>
  83. <div class="loader"></div>
  84. </div>
  85. </body>
  86. </html>