index.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="ZH-cn">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/favicon.ico" />
  6. <title>管乐团云教练</title>
  7. <meta name="description" content="管乐团APP,器乐学习的不二选择" />
  8. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  9. <script src="/helpers/lottie.min.js"></script>
  10. <link href="/vant.css" rel="stylesheet">
  11. <script>
  12. if (window.navigator && navigator.serviceWorker) {
  13. navigator.serviceWorker.getRegistrations().then(function (registrations) {
  14. for (let registration of registrations) {
  15. registration.unregister()
  16. }
  17. })
  18. }
  19. // 获取token
  20. const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
  21. if (instance) {
  22. const sendData = { api: 'getToken', content: { uuid: '' + Date.now() + Math.floor(Math.random() * 1000000) } }
  23. function setToken(evt) {
  24. window.removeEventListener('message', setToken)
  25. try {
  26. const data = typeof evt.data === "object" ? evt.data : JSON.parse(evt.data)
  27. if (data.api === 'getToken') {
  28. const token = `${data.content.tokenType} ${data.content.accessToken}`
  29. sessionStorage.setItem('Authorization', token)
  30. }
  31. } catch (error) { }
  32. }
  33. window.addEventListener('message', setToken)
  34. instance.postMessage(JSON.stringify(sendData))
  35. }
  36. </script>
  37. <style>
  38. #lottieWeb {
  39. position: fixed;
  40. z-index: 100;
  41. top: 50%;
  42. left: 50%;
  43. width: 100Px;
  44. height: 100Px;
  45. transform: translate(-50%, -50%);
  46. pointer-events: none;
  47. transition: opacity .3s;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div id="app"></div>
  53. <div id="lottieWeb"></div>
  54. <script>
  55. lottie.loadAnimation({
  56. container: document.getElementById('lottieWeb'),
  57. renderer: 'svg',
  58. width: '30px',
  59. height: '30px',
  60. loop: true,
  61. autoplay: true,
  62. path: '/orchestra-music-score/loading.json'
  63. });
  64. window.addEventListener('load', function () {
  65. const loadingEle = document.getElementById('lottieWeb')
  66. loadingEle.style.opacity = '0'
  67. setTimeout(() => {
  68. loadingEle.style.display = 'none'
  69. }, 1000)
  70. })
  71. </script>
  72. <script type="module" src="/src/subpages/colexiu/main.ts"></script>
  73. </body>
  74. </html>