index.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta
  7. name="viewport"
  8. content="width=device-width,initial-scale=1.0,user-scalable=no"
  9. />
  10. <link rel="icon" href="/favicon.ico" />
  11. <script src="/h5player.min.js"></script>
  12. <title>应急工作台移动端</title>
  13. </head>
  14. <body>
  15. <div id="app">
  16. <style>
  17. html,
  18. body,
  19. #app {
  20. height: 100%;
  21. margin: 0px;
  22. padding: 0px;
  23. width: 100%;
  24. }
  25. .__spinner-container {
  26. height: 100%;
  27. display: flex;
  28. flex-direction: column;
  29. align-items: center;
  30. justify-content: center;
  31. }
  32. .__spinner {
  33. position: relative;
  34. width: 68px;
  35. height: 68px;
  36. background-color: #2C81FF;
  37. animation: cube-shadow-spinner 1.8s cubic-bezier(0.75, 0, 0.5, 1)
  38. infinite;
  39. }
  40. @keyframes cube-shadow-spinner {
  41. 50% {
  42. border-radius: 50%;
  43. transform: scale(0.5) rotate(360deg);
  44. }
  45. 100% {
  46. transform: scale(1) rotate(720deg);
  47. }
  48. }
  49. </style>
  50. <div class="__spinner-container">
  51. <div class="__spinner"></div>
  52. </div>
  53. </div>
  54. <script type="module" src="/src/main.ts"></script>
  55. <% if (ENABLE_ERUDA === "true") { %>
  56. <script src="//cdn.jsdelivr.net/npm/eruda"></script>
  57. <script>
  58. eruda.init();
  59. </script>
  60. <% } %>
  61. <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  62. </body>
  63. </html>