index.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="./favicon.ico" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="renderer" content="webkit" />
  8. <meta name="force-rendering" content="webkit" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10. <meta name="description" content="ppt编辑器" />
  11. <meta name="keywords" content="ppt,powerpoint,office powerpoint,在线ppt,幻灯片,演示文稿,ppt在线制作,Vue3,TypeScript" />
  12. <title>PPT</title>
  13. <<<<<<< HEAD
  14. <script type="module" crossorigin src="./assets/index-BAfHr9ib.js"></script>
  15. =======
  16. <script type="module" crossorigin src="./assets/index-CEVeWsXw.js"></script>
  17. >>>>>>> ef8deae6f24380c46804ac548534324708aacc31
  18. <link rel="stylesheet" crossorigin href="./assets/index-BrUV76Xx.css">
  19. </head>
  20. <body>
  21. <div id="app">
  22. <style>
  23. .firstLoading {
  24. position: fixed;
  25. left: 0;
  26. top: 0;
  27. right: 0;
  28. bottom: 0;
  29. width: 100%;
  30. height: 100%;
  31. min-width: 100vw;
  32. min-height: 100vh;
  33. display: flex;
  34. flex-direction: column;
  35. justify-content: center;
  36. align-items: center;
  37. z-index: 10000;
  38. }
  39. .firstLoading .loadingBox {
  40. width: 36px;
  41. height: 36px;
  42. display: flex;
  43. justify-content: space-between;
  44. flex-wrap: wrap;
  45. align-content: space-between;
  46. margin-bottom: 28px;
  47. animation: rotate 1.5s linear infinite;
  48. }
  49. .firstLoading .loadingBox .loadingItem {
  50. width: 16px;
  51. height: 16px;
  52. border-radius: 50%;
  53. background: #569cfe;
  54. opacity: 0.5;
  55. }
  56. .firstLoading .loadingBox .loadingItem:nth-child(2) {
  57. opacity: 1;
  58. }
  59. .firstLoading .loadingTip {
  60. font-size: 20px;
  61. color: #569cfe;
  62. }
  63. @keyframes rotate {
  64. from {
  65. transform: rotate(0deg);
  66. }
  67. to {
  68. transform: rotate(360deg);
  69. }
  70. }
  71. </style>
  72. <div class="firstLoading">
  73. <div class="loadingBox">
  74. <div class="loadingItem"></div>
  75. <div class="loadingItem"></div>
  76. <div class="loadingItem"></div>
  77. <div class="loadingItem"></div>
  78. </div>
  79. <div class="loadingTip">正在加载中…</div>
  80. </div>
  81. </div>
  82. </body>
  83. <script>
  84. document.oncontextmenu = e => e.preventDefault()
  85. </script>
  86. </html>