liushengqiang
/
orchestra-music-score


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
							<!DOCTYPE html>
<html lang="ZH-cn">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.ico" />
  <title>管乐团云教练</title>
  <meta name="description" content="管乐团APP，器乐学习的不二选择" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  <script src="/helpers/lottie.min.js"></script>
  <link href="/vant.css" rel="stylesheet">

  <script>
    if (window.navigator && navigator.serviceWorker) {
      navigator.serviceWorker.getRegistrations().then(function (registrations) {
        for (let registration of registrations) {
          registration.unregister()
        }
      })
    }
  </script>
  <style>
    #lottieWeb {
      position: fixed;
      z-index: 100;
      top: 50%;
      left: 50%;
      width: 100Px;
      height: 100Px;
      transform: translate(-50%, -50%);
      pointer-events: none;
      transition: opacity .3s;
    }
  </style>
</head>

<body>
  <div id="app"></div>
  <div id="lottieWeb"></div>
  <script>
    lottie.loadAnimation({
      container: document.getElementById('lottieWeb'),
      renderer: 'svg',
      width: '30px',
      height: '30px',
      loop: true,
      autoplay: true,
      path: '/orchestra-music-score/loading.json'
    });
    window.addEventListener('load', function () {
      const loadingEle = document.getElementById('lottieWeb')
      loadingEle.style.opacity = '0'
      setTimeout(() => {
        loadingEle.style.display = 'none'
      }, 1000)
    })
  </script>
  <script type="module" src="/src/subpages/colexiu/main.ts"></script>
</body>

</html>