colexiu-share.html 1.6 KB

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