feat: enhance project configuration and add new features

2025-09-09 18:19:23 +08:00
parent 88483c26e6
commit 4851b83c37
28 changed files with 4323 additions and 37 deletions
--- a/index.html
+++ b/index.html
@@ -2,12 +2,86 @@
 <html lang="zh-CN" data-build-time="%VITE_BUILD_TIME%" data-commit="%VITE_BUILD_COMMIT%">
  <head>
    <meta charset="UTF-8" />
+    <!-- <link rel="icon" href="data:;base64,iVBORw0KGgo=" /> -->
    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no"
+    />
+    <meta name="format-detection" content="telephone=no" />
+    <title>vue-ts-example-2025</title>
+    <style type="text/css">
+      body {
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        margin: 0;
+      }
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: #000;
+        }
+      }
+      #app {
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+      }
+
+      @supports (min-height: 100dvh) {
+        #app {
+          min-height: 100dvh;
+        }
+        html .min-h-screen {
+          min-height: 100dvh;
+        }
+      }
+      .page-wrapper {
+        flex-grow: 1;
+      }
+    </style>
  </head>
+
+  <!-- ontouchstart ontouchend -->
  <body>
-    <div id="app"></div>
+    <div id="app">
+      <div class="page-wrapper" style="display: flex; justify-content: center; align-items: center">
+        Loading...
+      </div>
+    </div>
    <script type="module" src="/src/main.ts"></script>
+    <!-- <script src="https://testingcf.jsdelivr.net/npm/@vant/touch-emulator/dist/index.min.js"></script> -->
+    <!-- .min.js 是 jsDelivr 的特殊处理 -->
+    <!-- <script src="https://unpkg.luckincdn.com/@vant/touch-emulator@1.4.0/dist/index.js"></script> -->
  </body>
+  <script>
+    ;(function (d) {
+      var config = {
+          kitId: 'whk2tto',
+          scriptTimeout: 3000,
+          async: true,
+        },
+        h = d.documentElement,
+        t = setTimeout(function () {
+          h.className = h.className.replace(/\bwf-loading\b/g, '') + ' wf-inactive'
+        }, config.scriptTimeout),
+        tk = d.createElement('script'),
+        f = false,
+        s = d.getElementsByTagName('script')[0],
+        a
+      h.className += ' wf-loading'
+      tk.src = 'https://use.typekit.net/' + config.kitId + '.js'
+      tk.async = true
+      tk.onload = tk.onreadystatechange = function () {
+        a = this.readyState
+        if (f || (a && a != 'complete' && a != 'loaded')) return
+        f = true
+        clearTimeout(t)
+        try {
+          Typekit.load(config)
+        } catch (e) {}
+      }
+      s.parentNode.insertBefore(tk, s)
+    }) /* (document) */
+  </script>
 </html>