index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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>采销结算平台</title>
  8. <script src="/sortable.min.js"></script>
  9. <script>
  10. window.process = {};
  11. </script>
  12. <<<<<<< HEAD
  13. <script type="module" crossorigin src="/assets/index.ffc0c24b.js"></script>
  14. =======
  15. <script type="module" crossorigin src="/assets/index.ab31dd88.js"></script>
  16. >>>>>>> master
  17. <link rel="stylesheet" href="/assets/index.daf01128.css">
  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>