index.html 2.0 KB

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