index.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title><%- title %></title>
  8. <style>
  9. .first-screen-loading {
  10. width: 200px;
  11. height: 200px;
  12. position: fixed;
  13. top: 50%;
  14. left: 50%;
  15. margin-top: -100px;
  16. margin-left: -100px;
  17. display: flex;
  18. flex-direction: column;
  19. justify-content: center;
  20. align-items: center;
  21. }
  22. .first-screen-loading-spinner {
  23. width: 36px;
  24. height: 36px;
  25. border: 3px solid #409eff;
  26. border-top-color: transparent;
  27. border-radius: 50%;
  28. animation: spinner 0.8s linear infinite;
  29. }
  30. .first-screen-loading-text {
  31. margin-top: 20px;
  32. color: #409eff;
  33. }
  34. @keyframes spinner {
  35. 0% {
  36. transform: rotate(0deg);
  37. }
  38. 100% {
  39. transform: rotate(360deg);
  40. }
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <noscript>
  46. <strong
  47. >We're sorry but <%- title %> doesn't work properly without
  48. JavaScript enabled. Please enable it to continue.</strong
  49. >
  50. </noscript>
  51. <div id="app">
  52. <div class="first-screen-loading">
  53. <div class="first-screen-loading-spinner"></div>
  54. <div class="first-screen-loading-text">正在加载中,请稍等 ...</div>
  55. </div>
  56. <script>
  57. document.oncontextmenu = (e) => e.preventDefault();
  58. </script>
  59. <script type="module" src="./src/main.ts"></script>
  60. </div>
  61. </body>
  62. <script>
  63. var _hmt = _hmt || [];
  64. (function() {
  65. var hm = document.createElement("script");
  66. hm.src = "https://hm.baidu.com/hm.js?f4f61fa05a26e4d1d0314cec127ce9bf";
  67. var s = document.getElementsByTagName("script")[0];
  68. s.parentNode.insertBefore(hm, s);
  69. })();
  70. </script>
  71. </html>