orchestra.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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. <script>
  10. function _postMessage(data, callback) {
  11. const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
  12. if (instance) {
  13. console.log('h5发送开启全屏loading')
  14. instance.postMessage(JSON.stringify(data))
  15. }
  16. }
  17. _postMessage({
  18. api: 'cloudLoading',
  19. content: {
  20. show: true,
  21. type: 'fullscreen',
  22. },
  23. })
  24. </script>
  25. <!-- <link rel="icon" href="/favicon.ico" /> -->
  26. <script src="./flexible.js" charset="UTF-8"></script>
  27. <script src="./helpers/lottie.min.js" charset="UTF-8"></script>
  28. <style>
  29. #loading {
  30. position: fixed;
  31. z-index: 100;
  32. top: 50%;
  33. left: 50%;
  34. width: 100Px;
  35. height: 100Px;
  36. transform: translate(-50%, -50%);
  37. pointer-events: none;
  38. transition: opacity .3s;
  39. }
  40. </style>
  41. <script type="module" crossorigin src="./assets/orchestra-a28be49b.js"></script>
  42. <link rel="modulepreload" crossorigin href="./assets/index-0d0a2db9.js">
  43. <link rel="modulepreload" crossorigin href="./assets/index-ebf10efe.js">
  44. <link rel="modulepreload" crossorigin href="./assets/vue3-lottie.es-b68165f7.js">
  45. <link rel="modulepreload" crossorigin href="./assets/index-8e77d46f.js">
  46. <link rel="stylesheet" href="./assets/index-27e2d8d2.css">
  47. <link rel="stylesheet" href="./assets/index-c7a13191.css">
  48. <link rel="stylesheet" href="./assets/index-85f95688.css">
  49. <link rel="stylesheet" href="./assets/orchestra-0ebb30fe.css">
  50. <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};window.__vite_is_modern_browser=true;</script>
  51. <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
  52. </head>
  53. <body>
  54. <div id="app"></div>
  55. <div id="loading"></div>
  56. <script>
  57. lottie.loadAnimation({
  58. container: document.getElementById('loading'),
  59. renderer: 'svg',
  60. width: '30px',
  61. height: '30px',
  62. loop: true,
  63. autoplay: true,
  64. path: './loading.json'
  65. });
  66. </script>
  67. <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
  68. <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-ed79c49f.js"></script>
  69. <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/orchestra-legacy-cbf1971a.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  70. </body>
  71. </html>