@@ -679,7 +679,7 @@ onMounted(async () => {
-
@@ -826,15 +826,15 @@ onMounted(async () => {
.param-label {
display: block;
- font-size: 12px;
+ font-size: 14px;
color: var(--color-text-secondary);
- margin-bottom: 4px;
+ margin-bottom: var(--space-1);
}
.param-select {
width: 100%;
padding: 6px 8px;
- font-size: 13px;
+ font-size: 14px;
color: var(--color-text);
background: var(--color-bg);
border: 1px solid var(--color-border);
@@ -1020,13 +1020,13 @@ onMounted(async () => {
.topic-title--clickable {
cursor: pointer;
- color: #1890ff;
+ color: var(--color-primary);
transition: all 0.2s;
}
.topic-title--clickable:hover {
text-decoration: underline;
- color: #40a9ff;
+ color: var(--color-primary-hover);
opacity: 0.8;
}
@@ -1159,7 +1159,7 @@ onMounted(async () => {
border-radius: 16px;
cursor: pointer;
transition: all 0.2s ease;
- font-size: 13px;
+ font-size: 14px;
font-weight: 500;
color: var(--color-text);
}
@@ -1277,18 +1277,18 @@ onMounted(async () => {
padding: 12px 24px;
font-size: 14px;
font-weight: 600;
- color: #1890ff;
+ color: var(--color-primary);
background: transparent;
- border: 1px solid #1890ff;
+ border: 1px solid var(--color-primary);
border-radius: 0;
cursor: pointer;
overflow: hidden;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
- box-shadow:
- 0 0 10px rgba(24, 144, 255, 0.3),
- inset 0 0 10px rgba(24, 144, 255, 0.1);
+ box-shadow:
+ 0 0 10px rgba(59, 130, 246, 0.3),
+ inset 0 0 10px rgba(59, 130, 246, 0.1);
}
.cyber-button::before {
@@ -1298,7 +1298,7 @@ onMounted(async () => {
left: -100%;
width: 100%;
height: 100%;
- background: linear-gradient(90deg, transparent, rgba(24, 144, 255, 0.2), transparent);
+ background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent);
transition: left 0.5s ease;
}
@@ -1307,19 +1307,19 @@ onMounted(async () => {
}
.cyber-button:hover:not(.cyber-button--disabled) {
- background: rgba(24, 144, 255, 0.1);
- box-shadow:
- 0 0 20px rgba(24, 144, 255, 0.5),
- 0 0 40px rgba(24, 144, 255, 0.3),
- inset 0 0 20px rgba(24, 144, 255, 0.2);
+ background: rgba(59, 130, 246, 0.1);
+ box-shadow:
+ 0 0 20px rgba(59, 130, 246, 0.5),
+ 0 0 40px rgba(59, 130, 246, 0.3),
+ inset 0 0 20px rgba(59, 130, 246, 0.2);
transform: translateY(-1px);
}
.cyber-button:active:not(.cyber-button--disabled) {
transform: translateY(0);
- box-shadow:
- 0 0 15px rgba(24, 144, 255, 0.4),
- inset 0 0 15px rgba(24, 144, 255, 0.15);
+ box-shadow:
+ 0 0 15px rgba(59, 130, 246, 0.4),
+ inset 0 0 15px rgba(59, 130, 246, 0.15);
}
.cyber-button__content {
@@ -1338,7 +1338,7 @@ onMounted(async () => {
width: 0;
height: 0;
border-radius: 50%;
- background: rgba(24, 144, 255, 0.4);
+ background: rgba(59, 130, 246, 0.4);
transform: translate(-50%, -50%);
transition: width 0.6s ease, height 0.6s ease;
pointer-events: none;
@@ -1352,7 +1352,7 @@ onMounted(async () => {
.cyber-button__text {
position: relative;
z-index: 2;
- text-shadow: 0 0 10px rgba(24, 144, 255, 0.8);
+ text-shadow: 0 0 10px rgba(59, 130, 246, 0.8);
}
.cyber-button__arrow {
@@ -1378,8 +1378,8 @@ onMounted(async () => {
.cyber-button__spinner {
width: 14px;
height: 14px;
- border: 2px solid rgba(24, 144, 255, 0.3);
- border-top-color: #1890ff;
+ border: 2px solid rgba(59, 130, 246, 0.3);
+ border-top-color: var(--color-primary);
border-radius: 50%;
animation: cyber-spin 0.8s linear infinite;
}
@@ -1394,9 +1394,9 @@ onMounted(async () => {
.cyber-button:disabled {
opacity: 0.4;
cursor: not-allowed;
- border-color: rgba(24, 144, 255, 0.3);
+ border-color: rgba(59, 130, 246, 0.3);
box-shadow: none;
- color: rgba(24, 144, 255, 0.5);
+ color: rgba(59, 130, 246, 0.5);
}
.cyber-button--disabled:hover,
@@ -1419,7 +1419,7 @@ onMounted(async () => {
display: flex;
align-items: center;
gap: 6px;
- font-size: 12px;
+ font-size: 14px;
color: var(--color-primary);
}
diff --git a/frontend/app/web-gold/tsconfig.json b/frontend/app/web-gold/tsconfig.json
index b9bf5edf5b..91098929a5 100644
--- a/frontend/app/web-gold/tsconfig.json
+++ b/frontend/app/web-gold/tsconfig.json
@@ -13,7 +13,7 @@
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
-
+ "allowJs": true, // 必须为 tru
/* Linting */
"strict": true,
"noUnusedLocals": true,
diff --git a/frontend/integration-test.js b/frontend/integration-test.js
deleted file mode 100644
index 3940a4dbc5..0000000000
--- a/frontend/integration-test.js
+++ /dev/null
@@ -1,277 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * SMS 登录集成测试脚本
- * 模拟真实的使用场景，验证整个流程
- */
-
-const fs = require('fs')
-const path = require('path')
-
-// 模拟 localStorage
-global.localStorage = {
- data: {},
- getItem(key) {
- return this.data[key] || null
- },
- setItem(key, value) {
- this.data[key] = value
- },
- removeItem(key) {
- delete this.data[key]
- }
-}
-
-// 验证 token-manager.js 文件存在
-const tokenManagerPath = path.join(__dirname, 'utils', 'token-manager.js')
-if (!fs.existsSync(tokenManagerPath)) {
- console.error('❌ token-manager.js 不存在')
- process.exit(1)
-}
-console.log('✅ token-manager.js 文件存在，开始集成测试...\n')
-
-// 手动创建 TokenManager 实例（从 token-manager.js 复制核心逻辑）
-class TokenManager {
- constructor() {
- this.subscribers = []
- }
-
- parseLocalDateTime(dateTimeStr) {
- if (!dateTimeStr) return 0
-
- const normalizedStr = dateTimeStr.includes(' ')
- ? dateTimeStr.replace(' ', 'T')
- : dateTimeStr
-
- const dayjs = require('./app/web-gold/node_modules/dayjs')
- const parsedTime = dayjs(normalizedStr)
-
- if (!parsedTime.isValid()) {
- console.warn('[TokenManager] 无法解析过期时间:', dateTimeStr)
- return 0
- }
-
- return parsedTime.valueOf()
- }
-
- getAccessToken() {
- return localStorage.getItem('access_token')
- }
-
- getExpiresTime() {
- const expiresTimeStr = localStorage.getItem('expires_time')
- return expiresTimeStr ? parseInt(expiresTimeStr, 10) : 0
- }
-
- setTokens(tokenInfo) {
- const {
- accessToken,
- refreshToken,
- expiresIn,
- expiresTime,
- tokenType = 'Bearer'
- } = tokenInfo
-
- if (!accessToken) {
- console.error('[TokenManager] 设置令牌失败：缺少 accessToken')
- return
- }
-
- localStorage.setItem('access_token', accessToken)
-
- if (refreshToken) {
- localStorage.setItem('refresh_token', refreshToken)
- }
-
- let expiresTimeMs = 0
- if (expiresTime) {
- if (typeof expiresTime === 'string' && expiresTime.includes('T')) {
- expiresTimeMs = this.parseLocalDateTime(expiresTime)
- } else if (typeof expiresTime === 'number') {
- expiresTimeMs = expiresTime > 10000000000 ? expiresTime : expiresTime * 1000
- } else if (expiresIn) {
- expiresTimeMs = Date.now() + (expiresIn * 1000)
- }
-
- if (expiresTimeMs) {
- localStorage.setItem('expires_time', String(expiresTimeMs))
- }
- }
-
- localStorage.setItem('token_type', tokenType)
- }
-
- isExpired(bufferTime = 5 * 60 * 1000) {
- const expiresTime = this.getExpiresTime()
- const now = Date.now()
- return !expiresTime || now >= (expiresTime - bufferTime)
- }
-
- isLoggedIn() {
- const token = this.getAccessToken()
- return Boolean(token) && !this.isExpired()
- }
-}
-
-const tokenManager = new TokenManager()
-
-console.log('🧪 SMS 登录集成测试\n')
-console.log('='.repeat(60))
-
-// 测试场景 1: SMS 登录返回 LocalDateTime 格式
-console.log('\n📱 场景 1: SMS 登录返回 LocalDateTime 格式')
-console.log('-'.repeat(60))
-
-const smsLoginResponse = {
- code: 0,
- data: {
- accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c',
- refreshToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ',
- expiresTime: '2025-12-27T10:27:42', // LocalDateTime 格式
- tokenType: 'Bearer'
- }
-}
-
-console.log('登录响应:', JSON.stringify(smsLoginResponse.data, null, 2))
-
-// 保存令牌
-tokenManager.setTokens(smsLoginResponse.data)
-
-// 验证存储
-const storedToken = tokenManager.getAccessToken()
-const storedExpiresTime = tokenManager.getExpiresTime()
-
-console.log('\n✅ 验证结果:')
-console.log(` accessToken: ${storedToken ? '✓ 已存储' : '✗ 未存储'}`)
-console.log(` expiresTime: ${storedExpiresTime ? storedExpiresTime : '✗ 未存储'}`)
-
-if (storedToken === smsLoginResponse.data.accessToken) {
- console.log(' ✅ 令牌存储正确')
-} else {
- console.log(' ❌ 令牌存储错误')
- process.exit(1)
-}
-
-// 测试场景 2: 带空格的 LocalDateTime 格式
-console.log('\n📅 场景 2: 带空格的 LocalDateTime 格式')
-console.log('-'.repeat(60))
-
-const responseWithSpace = {
- accessToken: 'token_2',
- refreshToken: 'refresh_2',
- expiresTime: '2025-12-27 10:27:42', // 带空格格式
- tokenType: 'Bearer'
-}
-
-console.log('expiresTime 格式:', responseWithSpace.expiresTime)
-
-tokenManager.setTokens(responseWithSpace)
-const expiresTime2 = tokenManager.getExpiresTime()
-
-console.log('\n✅ 验证结果:')
-console.log(` expiresTime: ${expiresTime2}`)
-console.log(` ✅ 格式解析正确`)
-
-// 测试场景 3: 数字格式（毫秒）
-console.log('\n🔢 场景 3: 数字格式（毫秒）')
-console.log('-'.repeat(60))
-
-const responseWithMs = {
- accessToken: 'token_3',
- expiresTime: 1766841662689 // 毫秒格式
-}
-
-console.log('expiresTime:', responseWithMs.expiresTime)
-
-tokenManager.setTokens(responseWithMs)
-const expiresTime3 = tokenManager.getExpiresTime()
-
-console.log('\n✅ 验证结果:')
-console.log(` expiresTime: ${expiresTime3}`)
-console.log(` ${expiresTime3 === 1766841662689 ? '✅ 格式正确' : '❌ 格式错误'}`)
-
-// 测试场景 4: 数字格式（秒）
-console.log('\n⏱️ 场景 4: 数字格式（秒）')
-console.log('-'.repeat(60))
-
-const responseWithSec = {
- accessToken: 'token_4',
- expiresTime: 1766841662 // 秒格式
-}
-
-console.log('expiresTime:', responseWithSec.expiresTime)
-
-tokenManager.setTokens(responseWithSec)
-const expiresTime4 = tokenManager.getExpiresTime()
-
-console.log('\n✅ 验证结果:')
-console.log(` expiresTime: ${expiresTime4}`)
-console.log(` 期望值: ${1766841662 * 1000}`)
-console.log(` ${expiresTime4 === 1766841662 * 1000 ? '✅ 自动转换为毫秒' : '❌ 转换失败'}`)
-
-// 测试场景 5: 过期时间检查
-console.log('\n⏳ 场景 5: 过期时间检查')
-console.log('-'.repeat(60))
-
-// 设置一个已过期的令牌
-tokenManager.setTokens({
- accessToken: 'expired_token',
- expiresTime: Date.now() - 10000 // 10秒前过期
-})
-
-const isLoggedIn = tokenManager.isLoggedIn()
-const isExpired = tokenManager.isExpired()
-
-console.log('\n✅ 验证结果:')
-console.log(` isLoggedIn(): ${isLoggedIn ? '✓ 已登录' : '✗ 未登录'}`)
-console.log(` isExpired(): ${isExpired ? '✓ 已过期' : '✗ 未过期'}`)
-console.log(` ✅ 过期检查正确`)
-
-// 测试场景 6: 即将过期的令牌
-console.log('\n⚠️ 场景 6: 即将过期的令牌（30秒缓冲）')
-console.log('-'.repeat(60))
-
-tokenManager.setTokens({
- accessToken: 'expiring_token',
- expiresTime: Date.now() + 20000 // 20秒后过期（少于30秒缓冲）
-})
-
-const isExpiring = tokenManager.isExpired(30 * 1000) // 30秒缓冲
-
-console.log('\n✅ 验证结果:')
-console.log(` 当前时间: ${Date.now()}`)
-console.log(` 过期时间: ${tokenManager.getExpiresTime()}`)
-console.log(` 剩余时间: ${(tokenManager.getExpiresTime() - Date.now()) / 1000} 秒`)
-console.log(` isExpired(30s): ${isExpiring ? '✓ 即将过期' : '✗ 未过期'}`)
-console.log(` ✅ 预检查逻辑正确`)
-
-// 测试场景 7: 有效令牌
-console.log('\n✅ 场景 7: 有效令牌')
-console.log('-'.repeat(60))
-
-tokenManager.setTokens({
- accessToken: 'valid_token',
- expiresTime: Date.now() + 3600000 // 1小时后过期
-})
-
-const isValid = tokenManager.isLoggedIn()
-const isNotExpired = tokenManager.isExpired(30 * 1000)
-
-console.log('\n✅ 验证结果:')
-console.log(` isLoggedIn(): ${isValid ? '✓ 已登录' : '✗ 未登录'}`)
-console.log(` isExpired(30s): ${isNotExpired ? '✓ 已过期' : '✗ 未过期'}`)
-console.log(` ✅ 有效令牌识别正确`)
-
-// 总结
-console.log('\n' + '='.repeat(60))
-console.log('🎉 所有集成测试通过！')
-console.log('='.repeat(60))
-console.log('\n📊 测试统计:')
-console.log(' ✅ LocalDateTime 格式解析')
-console.log(' ✅ 带空格格式解析')
-console.log(' ✅ 毫秒格式处理')
-console.log(' ✅ 秒格式自动转换')
-console.log(' ✅ 过期时间检查')
-console.log(' ✅ 预检查逻辑')
-console.log(' ✅ 有效令牌识别')
-console.log('\n💡 系统已准备好处理 SMS 登录的各种 expiresTime 格式！')