report-share.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  8. <title>管乐团云教练</title>
  9. <!-- <link rel="icon" href="/favicon.ico" /> -->
  10. <script src="/flexible.js" charset="UTF-8"></script>
  11. <script src="/helpers/lottie.min.js" charset="UTF-8"></script>
  12. <style>
  13. #loading {
  14. position: fixed;
  15. z-index: 100;
  16. top: 50%;
  17. left: 50%;
  18. width: 100Px;
  19. height: 100Px;
  20. transform: translate(-50%, -50%);
  21. pointer-events: none;
  22. transition: opacity .3s;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div id="app"></div>
  28. <div id="loading"></div>
  29. <script>
  30. lottie.loadAnimation({
  31. container: document.getElementById('loading'),
  32. renderer: 'svg',
  33. width: '30px',
  34. height: '30px',
  35. loop: true,
  36. autoplay: true,
  37. path: './loading.json'
  38. });
  39. </script>
  40. <script type="module" src="/src/report-share/orchestra-share/main.ts"></script>
  41. </body>
  42. </html>