index.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <meta name="description" content="工作流 AI 学习平台">
  8. <meta name="keywords" content="工作流, AI, 学习平台, 人工智能, 在线学习,爆米Ai,www.baomiai.com">
  9. <meta name="robots" content="index, follow">
  10. <title></title>
  11. <!-- PayPal JS SDK 核心引入,替换为你的 Client ID -->
  12. <script src="https://www.paypal.com/sdk/js?client-id=AWTqiGF8Tcnuu_gnZzJ_k4a-LvPFj4IbUh98l2zCKxdngjCth3s2fwH0kcC5G-zjyD2t8ty67O1BV0N-&currency=USD"></script>
  13. <!-- 引入quill里的三个css文件 -->
  14. <link href="/quill/quill.core.css" rel="stylesheet">
  15. <link href="/quill/quill.snow.css" rel="stylesheet">
  16. <link href="/quill/quill.bubble.css" rel="stylesheet">
  17. </head>
  18. <body>
  19. <!-- 初始加载占位(避免白屏闪烁) -->
  20. <div id="app">
  21. <div id="app-loading" style="
  22. position: fixed;
  23. inset: 0;
  24. display: flex;
  25. align-items: center;
  26. justify-content: center;
  27. background: #ffffff;
  28. z-index: 9999;
  29. transition: opacity 0.3s ease;
  30. ">
  31. <div style="text-align: center;">
  32. <div style="
  33. width: 40px;
  34. height: 40px;
  35. border: 3px solid #e2e8f0;
  36. border-top-color: #3b82f6;
  37. border-radius: 50%;
  38. animation: spin 0.8s linear infinite;
  39. margin: 0 auto 12px;
  40. "></div>
  41. <div style="font-size: 14px; color: #94a3b8; font-family: sans-serif;">Loading...</div>
  42. </div>
  43. </div>
  44. </div>
  45. <style>
  46. @keyframes spin {
  47. to { transform: rotate(360deg); }
  48. }
  49. </style>
  50. <script>
  51. // 应用挂载后移除加载动画
  52. window.__removeLoading = function() {
  53. const el = document.getElementById('app-loading');
  54. if (el) {
  55. el.style.opacity = '0';
  56. setTimeout(() => el.remove(), 300);
  57. }
  58. };
  59. </script>
  60. <script type="module" src="/src/main.js"></script>
  61. </body>
  62. </html>