index.html 2.3 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="/favicon.ico" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>采销结算平台</title>
  8. <script src="/sortable.min.js"></script>
  9. <script src="/dingtalk.open.2.10.3.js" rel="preload" as="script"></script>
  10. <!-- <script src="https://g.alicdn.com/code/npm/@ali/dingtalk-h5-remote-debug-sdk/0.1.3/app.bundle.js"></script>
  11. <script>
  12. h5RemoteDebugSdk.init({
  13. uuid: "976e1f52-5efe-4f3a-a9b7-2e28b946faf1",
  14. observerElement: document.documentElement,
  15. });
  16. </script> -->
  17. <script>
  18. window.process = {};
  19. </script>
  20. <script type="module" crossorigin src="/assets/index.e5199318.js"></script>
  21. <link rel="stylesheet" href="/assets/index.ce224f22.css">
  22. <link rel="stylesheet" href="/assets/layout-theme-default.css" id="head">
  23. </head>
  24. <body>
  25. <div id="app">
  26. <style>
  27. html,
  28. body,
  29. #app {
  30. width: 100%;
  31. height: 100%;
  32. display: flex;
  33. position: relative;
  34. justify-content: center;
  35. align-items: center;
  36. overflow: hidden;
  37. }
  38. .loader,
  39. .loader:before,
  40. .loader:after {
  41. border-radius: 50%;
  42. width: 2.5em;
  43. height: 2.5em;
  44. animation-fill-mode: both;
  45. animation: loadAnimation 1.8s infinite ease-in-out;
  46. }
  47. .loader {
  48. color: #406eeb;
  49. font-size: 10px;
  50. margin: 80px auto;
  51. position: relative;
  52. text-indent: -9999em;
  53. transform: translateZ(0);
  54. animation-delay: -0.16s;
  55. top: 0;
  56. transform: translate(-50%, 0);
  57. }
  58. .loader:before,
  59. .loader:after {
  60. content: "";
  61. position: absolute;
  62. top: 0;
  63. }
  64. .loader:before {
  65. left: -3.5em;
  66. animation-delay: -0.32s;
  67. }
  68. .loader:after {
  69. left: 3.5em;
  70. }
  71. @keyframes loadAnimation {
  72. 0%,
  73. 80%,
  74. 100% {
  75. box-shadow: 0 2.5em 0 -1.3em;
  76. }
  77. 40% {
  78. box-shadow: 0 2.5em 0 0;
  79. }
  80. }
  81. </style>
  82. <div class="loader"></div>
  83. </div>
  84. </body>
  85. </html>