index.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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="viewport" content="width=device-width, initial-scale=1.0">
  9. <meta name="description" content="PPTist:基于 Vue3.x + TypeScript 的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint 常用功能,实现在线PPT的编辑、演示。支持导出PPT文件。" />
  10. <meta name="keywords" content="pptist,ppt,powerpoint,office powerpoint,在线ppt,幻灯片,演示文稿,ppt在线制作,Vue3,TypeScript" />
  11. <title>PPTist - 在线演示文稿</title>
  12. <style>
  13. .first-screen-loading {
  14. width: 200px;
  15. height: 200px;
  16. position: fixed;
  17. top: 50%;
  18. left: 50%;
  19. margin-top: -100px;
  20. margin-left: -100px;
  21. display: flex;
  22. flex-direction: column;
  23. justify-content: center;
  24. align-items: center;
  25. }
  26. .first-screen-loading-spinner {
  27. width: 36px;
  28. height: 36px;
  29. border: 3px solid #d14424;
  30. border-top-color: transparent;
  31. border-radius: 50%;
  32. animation: spinner .8s linear infinite;
  33. }
  34. .first-screen-loading-text {
  35. margin-top: 20px;
  36. color: #d14424;
  37. }
  38. @keyframes spinner {
  39. 0% {
  40. transform: rotate(0deg);
  41. }
  42. 100% {
  43. transform: rotate(360deg);
  44. }
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <div id="app">
  50. <div class="first-screen-loading">
  51. <div class="first-screen-loading-spinner"></div>
  52. <div class="first-screen-loading-text">正在加载中,请稍等 ...</div>
  53. </div>
  54. </div>
  55. <script type="module" src="/src/main.ts"></script>
  56. </body>
  57. <script>
  58. document.oncontextmenu = e => e.preventDefault()
  59. </script>
  60. </html>