index.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><link rel="icon" href="/favicon.ico"/><title>乐教通</title><script>if (!!window.ActiveXObject || "ActiveXObject" in window) {
  2. window.location.href = "./ieIncompatible/index.html"
  3. <<<<<<< HEAD
  4. }</script><script defer="defer" src="/js/chunk-vendors.7f7844aa.js"></script><script defer="defer" src="/js/app.1d556277.js"></script><link href="/css/app.2ae84a6b.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 {
  5. =======
  6. }</script><script defer="defer" src="/js/chunk-vendors.e1ccbebf.js"></script><script defer="defer" src="/js/app.cfb5de09.js"></script><link href="/css/app.2ae84a6b.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 {
  7. >>>>>>> 9c7d6e847cf1a3bf07caf6627b37638f0295880f
  8. position: fixed;
  9. left: 50%;
  10. top: 50%;
  11. transform: translate(-50%, -50%);
  12. height: 58px;
  13. width: 58px;
  14. }
  15. .firstLoading .circular {
  16. display: inline;
  17. height: 100%;
  18. width: 100%;
  19. animation: loading-rotate 2s linear infinite;
  20. }
  21. .firstLoading .circular .path {
  22. animation: loading-dash 1.5s ease-in-out infinite;
  23. stroke-dasharray: 90, 150;
  24. stroke-dashoffset: 0;
  25. stroke-width: 4;
  26. stroke: #f5c42d;
  27. stroke-linecap: round;
  28. }
  29. @keyframes loading-rotate {
  30. to {
  31. transform: rotate(360deg);
  32. }
  33. }
  34. @keyframes loading-dash {
  35. 0% {
  36. stroke-dasharray: 1, 200;
  37. stroke-dashoffset: 0;
  38. }
  39. 50% {
  40. stroke-dasharray: 90, 150;
  41. stroke-dashoffset: -40px;
  42. }
  43. to {
  44. stroke-dasharray: 90, 150;
  45. stroke-dashoffset: -120px;
  46. }
  47. }</style><div class="firstLoading"><svg class="circular" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none"></circle></svg></div></div></body></html>