instrument.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <script type="module" crossorigin src="./js/polyfills-5d7eddce.js"></script>
  5. <meta charset="UTF-8" />
  6. <meta name="viewport"
  7. content="user-scalable=no, 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?v=1" />
  10. <script src="./flexible.js" charset="UTF-8"></script>
  11. <style>
  12. #loading {
  13. position: fixed;
  14. left: 50%;
  15. top: 50%;
  16. transform: translate(-50%, -50%);
  17. display: none;
  18. }
  19. #loading.show {
  20. display: block;
  21. }
  22. </style>
  23. <script>
  24. function _postMessage(data, callback) {
  25. const instance = window.COLEXIU || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.COLEXIU)
  26. if (instance) {
  27. instance.postMessage(JSON.stringify(data))
  28. }
  29. }
  30. // APP的全屏loading动画
  31. if (!location.href.includes('iscurseplay=play') && !location.href.includes('isPreView=true') && !location.href.includes("simple-detail")) {
  32. _postMessage({
  33. api: 'cloudLoading',
  34. content: {
  35. show: true,
  36. type: 'fullscreen',
  37. },
  38. })
  39. }
  40. </script>
  41. <<<<<<< HEAD
  42. <script type="module" crossorigin src="./js/instrument-72f6ce2e.js"></script>
  43. =======
  44. <script type="module" crossorigin src="./js/instrument-992ef06f.js"></script>
  45. >>>>>>> feature-patch
  46. <link rel="modulepreload" crossorigin href="./js/node_modules-081fca9f.js">
  47. <link rel="modulepreload" crossorigin href="./js/src-f076abb8.js">
  48. <link rel="stylesheet" href="./css/instrument-13bbe6a6.css">
  49. <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};window.__vite_is_modern_browser=true;</script>
  50. <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>
  51. </head>
  52. <body>
  53. <div id="app">
  54. <!-- <style>
  55. .firstLoading {
  56. position: fixed;
  57. left: 0;
  58. top: 0;
  59. right: 0;
  60. bottom: 0;
  61. width: 100%;
  62. height: 100%;
  63. min-width: 100vw;
  64. min-height: 100vh;
  65. display: flex;
  66. flex-direction: column;
  67. justify-content: center;
  68. align-items: center;
  69. z-index: 10000;
  70. }
  71. .firstLoading .loadingBox {
  72. width: 27px;
  73. height: 27px;
  74. display: flex;
  75. justify-content: space-between;
  76. flex-wrap: wrap;
  77. align-content: space-between;
  78. margin-bottom: 24px;
  79. animation: rotate 1.5s linear infinite;
  80. }
  81. .firstLoading .loadingBox .loadingItem {
  82. width: 11px;
  83. height: 11px;
  84. border-radius: 50%;
  85. background: #06E7BE;
  86. opacity: 0.5;
  87. }
  88. .firstLoading .loadingBox .loadingItem:nth-child(2) {
  89. opacity: 1;
  90. }
  91. .firstLoading .loadingTip {
  92. font-size: 14px;
  93. color: #999;
  94. }
  95. @keyframes rotate {
  96. from {
  97. transform: rotate(0deg);
  98. }
  99. to {
  100. transform: rotate(360deg);
  101. }
  102. }
  103. </style>
  104. <div class="firstLoading">
  105. <div class="loadingBox">
  106. <div class="loadingItem"></div>
  107. <div class="loadingItem"></div>
  108. <div class="loadingItem"></div>
  109. <div class="loadingItem"></div>
  110. </div>
  111. <div class="loadingTip">资源加载中,请稍后…</div>
  112. </div> -->
  113. </div>
  114. <!-- <img id="loading" class="show" src="/loading.svg" alt="loading" /> -->
  115. <!-- <script>
  116. // 处理课堂乐器老师端打开听音练习时去掉加载动画
  117. if (location.href.indexOf('view-figner') >= 0 && location.href.indexOf('platform=pc') >= 0 && location.href.indexOf('linkSource=class') < 0 && !location.href.includes("simple-detail")) {
  118. var _loading = document.getElementById("loading");
  119. _loading && document.body.removeChild(_loading);
  120. }
  121. </script> -->
  122. <!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
  123. <script>
  124. // VConsole will be exported to `window.VConsole` by default.
  125. var vConsole = new window.VConsole();
  126. </script> -->
  127. <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>
  128. <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-00a2b340.js"></script>
  129. <<<<<<< HEAD
  130. <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/instrument-legacy-d27978f2.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  131. =======
  132. <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/instrument-legacy-07af2b6a.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  133. >>>>>>> feature-patch
  134. </body>
  135. </html>