index.html 4.2 KB

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