orchestra.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  8. <title>管乐团云教练</title>
  9. <script>
  10. function _postMessage(data, callback) {
  11. const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
  12. if (instance) {
  13. console.log('h5发送开启全屏loading')
  14. instance.postMessage(JSON.stringify(data))
  15. }
  16. }
  17. _postMessage({
  18. api: 'cloudLoading',
  19. content: {
  20. show: true,
  21. type: 'fullscreen',
  22. },
  23. })
  24. </script>
  25. <!-- <link rel="icon" href="/favicon.ico" /> -->
  26. <script src="./flexible.js" charset="UTF-8"></script>
  27. <script src="./helpers/lottie.min.js" charset="UTF-8"></script>
  28. <style>
  29. #loading {
  30. position: fixed;
  31. z-index: 100;
  32. top: 50%;
  33. left: 50%;
  34. width: 100Px;
  35. height: 100Px;
  36. transform: translate(-50%, -50%);
  37. pointer-events: none;
  38. transition: opacity .3s;
  39. }
  40. </style>
  41. <script type="module" crossorigin src="./assets/orchestra-122ad0da.js"></script>
  42. <link rel="modulepreload" crossorigin href="./assets/index-eddd7d6f.js">
  43. <link rel="modulepreload" crossorigin href="./assets/index-1396d69f.js">
  44. <link rel="modulepreload" crossorigin href="./assets/vue3-lottie.es-60e42091.js">
  45. <link rel="modulepreload" crossorigin href="./assets/index-307c0735.js">
  46. <link rel="modulepreload" crossorigin href="./assets/index-8f4cf714.js">
  47. <link rel="modulepreload" crossorigin href="./assets/index-4be929c8.js">
  48. <link rel="stylesheet" href="./assets/index-98654eb3.css">
  49. <link rel="stylesheet" href="./assets/index-aad57c98.css">
  50. <link rel="stylesheet" href="./assets/index-85f95688.css">
  51. <link rel="stylesheet" href="./assets/orchestra-eadd4ede.css">
  52. </head>
  53. <body>
  54. <div id="app"></div>
  55. <div id="loading"></div>
  56. <script>
  57. lottie.loadAnimation({
  58. container: document.getElementById('loading'),
  59. renderer: 'svg',
  60. width: '30px',
  61. height: '30px',
  62. loop: true,
  63. autoplay: true,
  64. path: './loading.json'
  65. });
  66. </script>
  67. </body>
  68. </html>