init: laimiao-web-new

login/index.html

@@ -0,0 +1,79 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="robots" content="noindex, nofollow" />
+    <meta name="format-detection" content="telephone=no,email=no,address=no" />
+    <title>微信扫码登录｜来秒AI</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+    <!-- 独立登录页：只展示微信二维码，不加载主应用 bundle -->
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+      html,
+      body {
+        height: 100%;
+      }
+
+      body {
+        margin: 0;
+        background: #fff;
+        color: #141414;
+        font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei',
+          'Helvetica Neue', Arial, sans-serif;
+        -webkit-font-smoothing: antialiased;
+      }
+
+      .wx-login {
+        min-height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 24px;
+        padding: 24px;
+        text-align: center;
+      }
+
+      .wx-login__title {
+        margin: 0;
+        font-size: 20px;
+        font-weight: 600;
+        letter-spacing: 0.5px;
+      }
+
+      /* 尺寸与微信 iframe 内的 .qrcode（LOGIN_QR_CSS）对齐 */
+      .wx-login__qr {
+        width: 200px;
+        height: 200px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #9ca3af;
+        font-size: 14px;
+      }
+
+      .wx-login__qr iframe {
+        display: block;
+        border: 0;
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+
+    <!-- defer：HTML 解析完立即执行，且早于下方 module 脚本，登录逻辑无需等待加载判断 -->
+    <script defer src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
+  </head>
+  <body>
+    <main class="wx-login">
+      <h1 class="wx-login__title">微信扫码登录</h1>
+      <div class="wx-login__qr" id="qr"></div>
+    </main>
+
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>