colexiu-share.html 1.7 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. <meta name="description" content="酷乐秀APP,器乐学习的不二选择">
  7. <title>酷乐秀</title>
  8. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  9. <script>
  10. this.globalThis || (this.globalThis = this)
  11. <<<<<<< HEAD
  12. </script>
  13. =======
  14. </script>
  15. >>>>>>> gyt-feature-tianyong
  16. <style>
  17. #loading{
  18. position: fixed;
  19. left: 50%;
  20. top: 50%;
  21. transform: translate(-50%, -50%);
  22. visibility: hidden;
  23. opacity: 0;
  24. transition: opacity .3s;
  25. text-align: center;
  26. color: #1e293b;
  27. }
  28. #loading > div{
  29. display: none;
  30. font-size: 24px;
  31. }
  32. #loading a{
  33. color: #01c1b5;
  34. text-decoration: none;
  35. }
  36. #loading.show {
  37. visibility: visible;
  38. opacity: 1;
  39. }
  40. #cnzz_stat_icon_1279349593{
  41. display: none;
  42. }
  43. #update{
  44. margin-top: 100px;
  45. opacity: 0;
  46. visibility: hidden;
  47. transform: opacity .3s;
  48. position: absolute;
  49. top: 0;
  50. left: 50%;
  51. transform: translateX(-50%);
  52. }
  53. #update.show{
  54. opacity: 1;
  55. visibility: visible;
  56. }
  57. #update img{
  58. display: block;
  59. margin: auto;
  60. width: 150px;
  61. height: 150px;
  62. }
  63. #update span{
  64. display: block;
  65. max-width: 90%;
  66. margin: auto;
  67. margin-top: 30px;
  68. color: rgba(0, 0, 0, .65);
  69. line-height: 1.8;
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <div id="app"></div>
  75. <div id="loading" class="show">
  76. <img src="/loading.svg" alt="loading"/>
  77. </div>
  78. <script type="module" src="/src/subpages/colexiu-share/main.ts"></script>
  79. </body>
  80. </html>