colexiu-share.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. </script>
  12. <style>
  13. #loading{
  14. position: fixed;
  15. left: 50%;
  16. top: 50%;
  17. transform: translate(-50%, -50%);
  18. visibility: hidden;
  19. opacity: 0;
  20. transition: opacity .3s;
  21. text-align: center;
  22. color: #1e293b;
  23. }
  24. #loading > div{
  25. display: none;
  26. font-size: 24px;
  27. }
  28. #loading a{
  29. color: #01c1b5;
  30. text-decoration: none;
  31. }
  32. #loading.show {
  33. visibility: visible;
  34. opacity: 1;
  35. }
  36. #cnzz_stat_icon_1279349593{
  37. display: none;
  38. }
  39. #update{
  40. margin-top: 100px;
  41. opacity: 0;
  42. visibility: hidden;
  43. transform: opacity .3s;
  44. position: absolute;
  45. top: 0;
  46. left: 50%;
  47. transform: translateX(-50%);
  48. }
  49. #update.show{
  50. opacity: 1;
  51. visibility: visible;
  52. }
  53. #update img{
  54. display: block;
  55. margin: auto;
  56. width: 150px;
  57. height: 150px;
  58. }
  59. #update span{
  60. display: block;
  61. max-width: 90%;
  62. margin: auto;
  63. margin-top: 30px;
  64. color: rgba(0, 0, 0, .65);
  65. line-height: 1.8;
  66. }
  67. </style>
  68. </head>
  69. <body>
  70. <div id="app"></div>
  71. <div id="loading" class="show">
  72. <img src="/loading.svg" alt="loading"/>
  73. </div>
  74. <script type="module" src="/src/subpages/colexiu-share/main.ts"></script>
  75. </body>
  76. </html>