<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
<title>管乐迷</title>
<link rel="icon" href="/favicon.ico?v=1" />
<script src="/flexible.js" charset="UTF-8"></script>
<style>
#loading {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
}
#loading.show {
display: block;
}
</style>
<script>
function _postMessage(data, callback) {
const instance = window.COLEXIU || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.COLEXIU)
if (instance) {
instance.postMessage(JSON.stringify(data))
}
}
// APP的全屏loading动画
if (!location.href.includes('iscurseplay=play') && !location.href.includes('isPreView=true') && !location.href.includes("simple-detail")) {
_postMessage({
api: 'cloudLoading',
content: {
show: true,
type: 'fullscreen',
},
})
}
</script>
</head>
<body>
<div id="app">
<!-- <style>
.firstLoading {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
min-width: 100vw;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 10000;
}
.firstLoading .loadingBox {
width: 27px;
height: 27px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: space-between;
margin-bottom: 24px;
animation: rotate 1.5s linear infinite;
}
.firstLoading .loadingBox .loadingItem {
width: 11px;
height: 11px;
border-radius: 50%;
background: #06E7BE;
opacity: 0.5;
}
.firstLoading .loadingBox .loadingItem:nth-child(2) {
opacity: 1;
}
.firstLoading .loadingTip {
font-size: 14px;
color: #999;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
<div class="firstLoading">
<div class="loadingBox">
<div class="loadingItem"></div>
<div class="loadingItem"></div>
<div class="loadingItem"></div>
<div class="loadingItem"></div>
</div>
<div class="loadingTip">资源加载中，请稍后…</div>
</div> -->
</div>
<!-- <img id="loading" class="show" src="/loading.svg" alt="loading" /> -->
<!-- <script>
// 处理课堂乐器老师端打开听音练习时去掉加载动画
if (location.href.indexOf('view-figner') >= 0 && location.href.indexOf('platform=pc') >= 0 && location.href.indexOf('linkSource=class') < 0 && !location.href.includes("simple-detail")) {
var _loading = document.getElementById("loading");
_loading && document.body.removeChild(_loading);
}
</script> -->
<script type="module" src="/src/page-instrument/main.ts"></script>
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
// VConsole will be exported to `window.VConsole` by default.
var vConsole = new window.VConsole();
</script> -->
</body>
</html>