index.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  7. <meta name="renderer" content="webkit" />
  8. <meta name="force-rendering" content="webkit" />
  9. <link rel="icon" href="/favicon.ico" />
  10. <title>乐教通</title>
  11. <script>
  12. if (!!window.ActiveXObject || "ActiveXObject" in window) {
  13. window.location.href = "./ieIncompatible/index.html"
  14. <<<<<<< HEAD
  15. }
  16. </script>
  17. <script defer src="/js/chunk-vendors.js"></script><script defer src="/js/app.js"></script></head>
  18. <body>
  19. <noscript>
  20. <strong>
  21. We're sorry but classroom doesn't work properly without JavaScript enabled. Please enable it to continue.
  22. </strong>
  23. </noscript>
  24. <div id="app">
  25. <style>
  26. .firstLoading {
  27. =======
  28. }</script><script defer="defer" src="/js/chunk-vendors.bf0b2587.js"></script><script defer="defer" src="/js/app.0c2a760b.js"></script><link href="/css/app.36097b9e.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but classroom doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><style>.firstLoading {
  29. >>>>>>> b1b86af6457c534d5629a947195d1560b716db4e
  30. position: fixed;
  31. left: 50%;
  32. top: 50%;
  33. transform: translate(-50%, -50%);
  34. height: 58px;
  35. width: 58px;
  36. }
  37. .firstLoading .circular {
  38. display: inline;
  39. height: 100%;
  40. width: 100%;
  41. animation: loading-rotate 2s linear infinite;
  42. }
  43. .firstLoading .circular .path {
  44. animation: loading-dash 1.5s ease-in-out infinite;
  45. stroke-dasharray: 90, 150;
  46. stroke-dashoffset: 0;
  47. stroke-width: 4;
  48. stroke: #f5c42d;
  49. stroke-linecap: round;
  50. }
  51. @keyframes loading-rotate {
  52. to {
  53. transform: rotate(360deg);
  54. }
  55. }
  56. @keyframes loading-dash {
  57. 0% {
  58. stroke-dasharray: 1, 200;
  59. stroke-dashoffset: 0;
  60. }
  61. 50% {
  62. stroke-dasharray: 90, 150;
  63. stroke-dashoffset: -40px;
  64. }
  65. to {
  66. stroke-dasharray: 90, 150;
  67. stroke-dashoffset: -120px;
  68. }
  69. }
  70. </style>
  71. <div class="firstLoading">
  72. <svg class="circular" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none"></circle></svg>
  73. </div>
  74. </div>
  75. <!-- built files will be auto injected -->
  76. </body>
  77. </html>