instrument.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  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. <script type="module" crossorigin src="./js/instrument-8d283b10.js"></script>
  42. <link rel="modulepreload" crossorigin href="./js/node_modules-dbbb91f3.js">
  43. <link rel="modulepreload" crossorigin href="./js/src-51e11e57.js">
  44. <link rel="stylesheet" href="./css/instrument-9723cd86.css">
  45. <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};window.__vite_is_modern_browser=true;</script>
  46. <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>
  47. </head>
  48. <body>
  49. <div id="app">
  50. <!-- <style>
  51. .firstLoading {
  52. position: fixed;
  53. left: 0;
  54. top: 0;
  55. right: 0;
  56. bottom: 0;
  57. width: 100%;
  58. height: 100%;
  59. min-width: 100vw;
  60. min-height: 100vh;
  61. display: flex;
  62. flex-direction: column;
  63. justify-content: center;
  64. align-items: center;
  65. z-index: 10000;
  66. }
  67. .firstLoading .loadingBox {
  68. width: 27px;
  69. height: 27px;
  70. display: flex;
  71. justify-content: space-between;
  72. flex-wrap: wrap;
  73. align-content: space-between;
  74. margin-bottom: 24px;
  75. animation: rotate 1.5s linear infinite;
  76. }
  77. .firstLoading .loadingBox .loadingItem {
  78. width: 11px;
  79. height: 11px;
  80. border-radius: 50%;
  81. background: #06E7BE;
  82. opacity: 0.5;
  83. }
  84. .firstLoading .loadingBox .loadingItem:nth-child(2) {
  85. opacity: 1;
  86. }
  87. .firstLoading .loadingTip {
  88. font-size: 14px;
  89. color: #999;
  90. }
  91. @keyframes rotate {
  92. from {
  93. transform: rotate(0deg);
  94. }
  95. to {
  96. transform: rotate(360deg);
  97. }
  98. }
  99. </style>
  100. <div class="firstLoading">
  101. <div class="loadingBox">
  102. <div class="loadingItem"></div>
  103. <div class="loadingItem"></div>
  104. <div class="loadingItem"></div>
  105. <div class="loadingItem"></div>
  106. </div>
  107. <div class="loadingTip">资源加载中,请稍后…</div>
  108. </div> -->
  109. </div>
  110. <!-- <img id="loading" class="show" src="/loading.svg" alt="loading" /> -->
  111. <!-- <script>
  112. // 处理课堂乐器老师端打开听音练习时去掉加载动画
  113. if (location.href.indexOf('view-figner') >= 0 && location.href.indexOf('platform=pc') >= 0 && location.href.indexOf('linkSource=class') < 0 && !location.href.includes("simple-detail")) {
  114. var _loading = document.getElementById("loading");
  115. _loading && document.body.removeChild(_loading);
  116. }
  117. </script> -->
  118. <!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
  119. <script>
  120. // VConsole will be exported to `window.VConsole` by default.
  121. var vConsole = new window.VConsole();
  122. </script> -->
  123. <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>
  124. <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-00a2b340.js"></script>
  125. <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/instrument-legacy-a8b01f33.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  126. </body>
  127. </html>