index.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. <script src="/static/szca_crypto.js"></script>
  13. <script src="/static/szca_base64.js"></script>
  14. <title>应急工作台移动端</title>
  15. </head>
  16. <body>
  17. <div id="app">
  18. <style>
  19. html,
  20. body,
  21. #app {
  22. height: 100%;
  23. margin: 0px;
  24. padding: 0px;
  25. width: 100%;
  26. }
  27. .__spinner-container {
  28. height: 100%;
  29. display: flex;
  30. flex-direction: column;
  31. align-items: center;
  32. justify-content: center;
  33. }
  34. .__spinner {
  35. position: relative;
  36. width: 68px;
  37. height: 68px;
  38. background-color: #2C81FF;
  39. animation: cube-shadow-spinner 1.8s cubic-bezier(0.75, 0, 0.5, 1)
  40. infinite;
  41. }
  42. @keyframes cube-shadow-spinner {
  43. 50% {
  44. border-radius: 50%;
  45. transform: scale(0.5) rotate(360deg);
  46. }
  47. 100% {
  48. transform: scale(1) rotate(720deg);
  49. }
  50. }
  51. </style>
  52. <div class="__spinner-container">
  53. <div class="__spinner"></div>
  54. </div>
  55. </div>
  56. <script type="module" src="/src/main.ts"></script>
  57. <% if (ENABLE_ERUDA === "true") { %>
  58. <script src="//cdn.jsdelivr.net/npm/eruda"></script>
  59. <script>
  60. eruda.init();
  61. </script>
  62. <% } %>
  63. <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  64. <script>
  65. this.globalThis || (this.globalThis = this)
  66. </script>
  67. </body>
  68. </html>