80 lines
2.1 KiB
HTML
80 lines
2.1 KiB
HTML
<!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>
|