index.html 1.9 KB

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