index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="renderer" content="webkit" />
  7. <meta
  8. name="viewport"
  9. content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"
  10. />
  11. <title>...</title>
  12. <link rel="icon" href="/favicon.ico" />
  13. <script>
  14. var _hmt = _hmt || [];
  15. (function () {
  16. var hm = document.createElement('script');
  17. hm.src = 'https://hm.baidu.com/hm.js?2ee8eb28c33a68658297424bb090ebea';
  18. var s = document.getElementsByTagName('script')[0];
  19. s.parentNode.insertBefore(hm, s);
  20. })();
  21. </script>
  22. <meta name="referrer" content="no-referrer" />
  23. <style>
  24. html,
  25. body,
  26. #app {
  27. height: 100%;
  28. margin: 0;
  29. padding: 0;
  30. font-family:
  31. -apple-system,
  32. BlinkMacSystemFont,
  33. Helvetica Neue,
  34. PingFang SC,
  35. Microsoft YaHei,
  36. Source Han Sans SC,
  37. Noto Sans CJK SC,
  38. sans-serif;
  39. }
  40. .preload {
  41. display: flex !important;
  42. flex-direction: column !important;
  43. height: 100% !important;
  44. letter-spacing: 1px;
  45. background: radial-gradient(circle at 1px 1px, #e4e4e4 1px, #fdfdfd 0);
  46. background-size: 16px 16px;
  47. position: fixed !important;
  48. top: 0 !important;
  49. left: 0 !important;
  50. width: 100% !important;
  51. z-index: 9999 !important;
  52. }
  53. .preload.dark {
  54. background: radial-gradient(circle at 1px 1px, #524d52 1px, #2c2c2c 0);
  55. background-size: 16px 16px;
  56. }
  57. .preload .container {
  58. display: flex !important;
  59. justify-content: center !important;
  60. align-items: center !important;
  61. flex-direction: column !important;
  62. width: 100% !important;
  63. user-select: none;
  64. flex-grow: 1 !important;
  65. height: 100% !important;
  66. }
  67. .preload .box {
  68. display: flex;
  69. align-items: center;
  70. justify-content: center;
  71. margin-bottom: 20px;
  72. }
  73. .preload .name {
  74. text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
  75. }
  76. .preload .name .left {
  77. font-weight: 400;
  78. font-size: 43px;
  79. line-height: 62px;
  80. text-transform: uppercase;
  81. letter-spacing: 1px;
  82. }
  83. .preload .name .right {
  84. font-weight: 200;
  85. font-size: 43px;
  86. line-height: 62px;
  87. letter-spacing: 1px;
  88. text-transform: uppercase;
  89. }
  90. .preload.light .name {
  91. color: #262626;
  92. }
  93. .preload.dark .name {
  94. color: #d6d6d6;
  95. }
  96. .preload .logo {
  97. width: 48px;
  98. height: 48px;
  99. margin-right: 12px;
  100. filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.24));
  101. }
  102. .preload .title {
  103. color: #595959;
  104. font-weight: 400;
  105. font-size: 14px;
  106. width: fit-content;
  107. height: 20px;
  108. line-height: 20px;
  109. display: flex;
  110. align-items: center;
  111. justify-content: center;
  112. /* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24); */
  113. }
  114. .dark .title {
  115. color: #adadad;
  116. }
  117. </style>
  118. </head>
  119. <body>
  120. <div id="app">
  121. <div class="preload">
  122. <div class="container">
  123. <div class="box">
  124. <img class="logo" src="/static/images/loading/logo.gif" />
  125. <div class="name"><span class="left">BANDHU</span><span class="right">BUY</span></div>
  126. </div>
  127. <div class="title">应用加载中,请稍等片刻...</div>
  128. </div>
  129. </div>
  130. </div>
  131. <script type="module" src="/src/main.js"></script>
  132. </body>
  133. <script>
  134. document.querySelector('.preload').className = `preload ${
  135. JSON.parse(localStorage.getItem('_SHEEP_darkMode'))?.data
  136. }`;
  137. </script>
  138. <style>
  139. /* 去除浏览器表单自动填充样式*/
  140. input:-webkit-autofill,
  141. textarea:-webkit-autofill,
  142. select:-webkit-autofill {
  143. -webkit-text-fill-color: #000 !important;
  144. -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  145. background-color: transparent;
  146. background-image: none;
  147. transition: background-color 50000s ease-in-out 0s;
  148. }
  149. input {
  150. background-color: transparent;
  151. }
  152. </style>
  153. </html>