index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html lang="cmn-Hans-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit" />
  7. <meta name="viewport"
  8. content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover" />
  9. <title></title>
  10. <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  11. <script>
  12. window.process = {};
  13. (function () {
  14. if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
  15. handleFontSize();
  16. } else {
  17. if (document.addEventListener) {
  18. document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
  19. } else if (document.attachEvent) {
  20. document.attachEvent("WeixinJSBridgeReady", handleFontSize);
  21. document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
  22. }
  23. }
  24. function handleFontSize() {
  25. // 设置网页字体为默认大小
  26. WeixinJSBridge.invoke('setFontSizeCallback', {
  27. 'fontSize': 0
  28. });
  29. // 重写设置网页字体大小的事件
  30. WeixinJSBridge.on('menu:setfont', function () {
  31. WeixinJSBridge.invoke('setFontSizeCallback', {
  32. 'fontSize': 0
  33. });
  34. });
  35. }
  36. })();
  37. </script>
  38. <style>
  39. body {
  40. -webkit-text-size-adjust: 100% !important;
  41. }
  42. .launchButton {
  43. border-radius: 50% !important;
  44. }
  45. .launchButtonText img {
  46. margin: 0 !important;
  47. }
  48. .flyUsername {
  49. display: none !important;
  50. }
  51. </style>
  52. <!-- <script src=" https://unpkg.com/vconsole@latest/dist/vconsole.min.js"> </script> <script>
  53. // VConsole 默认会挂载到 `window.VConsole` 上
  54. var vConsole = new window.VConsole();
  55. </script> -->
  56. </head>
  57. <body>
  58. <div id="app">
  59. <style>
  60. html,
  61. body,
  62. #app {
  63. position: relative;
  64. display: flex;
  65. align-items: center;
  66. justify-content: center;
  67. width: 100%;
  68. height: 100%;
  69. overflow: hidden;
  70. }
  71. .loader,
  72. .loader::before,
  73. .loader::after {
  74. width: 2.5em;
  75. height: 2.5em;
  76. border-radius: 50%;
  77. animation: load-animation 1.8s infinite ease-in-out;
  78. animation-fill-mode: both;
  79. }
  80. .loader {
  81. position: relative;
  82. top: 0;
  83. margin: 80px auto;
  84. font-size: 10px;
  85. color: #406eeb;
  86. text-indent: -9999em;
  87. transform: translateZ(0);
  88. transform: translate(-50%, 0);
  89. animation-delay: -0.16s;
  90. }
  91. .loader::before,
  92. .loader::after {
  93. position: absolute;
  94. top: 0;
  95. content: "";
  96. }
  97. .loader::before {
  98. left: -3.5em;
  99. animation-delay: -0.32s;
  100. }
  101. .loader::after {
  102. left: 3.5em;
  103. }
  104. @keyframes load-animation {
  105. 0%,
  106. 80%,
  107. 100% {
  108. box-shadow: 0 2.5em 0 -1.3em;
  109. }
  110. 40% {
  111. box-shadow: 0 2.5em 0 0;
  112. }
  113. }
  114. </style>
  115. <div class="loader"></div>
  116. </div>
  117. <script type="module" src="/src/main.ts"></script>
  118. <script type="text/javascript">
  119. /**(function runIM () {
  120. if (window.imUrl) {
  121. (function (a, b, c, d) {
  122. let h = b.getElementsByTagName("head")[0];
  123. let s = b.createElement("script");
  124. s.type = "text/javascript";
  125. s.src = c + "/static/js/kefu-front.js";
  126. s.onload = s.onreadystatechange = function () {
  127. if (
  128. !this.readyState ||
  129. this.readyState === "loaded" ||
  130. this.readyState === "complete"
  131. )
  132. d(c);
  133. };
  134. h.appendChild(s);
  135. })(window, document, window.imUrl, function (u) {
  136. KEFU.init({
  137. KEFU_URL: u,
  138. KEFU_KEFU_ID: "kefu2",
  139. KEFU_ENT: "5",
  140. KEFU_LANG: "cn",
  141. KEFU_SHOW_TYPES: 1,
  142. KEFU_AUTO_OPEN: false,
  143. });
  144. });
  145. } else {
  146. setTimeout(runIM, 200)
  147. }
  148. })()*/
  149. </script>
  150. </body>
  151. </html>