UI/UX优化: CSS变量化 + 错误反馈增强 + 按钮type属性

- CSS: 全部硬编码hex颜色替换为CSS变量(base/scan/pages/responsive/admin)
- CSS: 硬编码字体提取为--font-sans/--font-mono变量
- CSS: 新增打印色/渐变色/辅助色等20+变量定义
- CSS: 修复scan.css lint警告(line-clamp标准属性+空规则集)
- app.js: 16处用户可感知catch块补充showToast错误反馈
- app.js: 全部console.log降级为console.debug
- index.html: 76个button补充type属性
- index.html: 内联hex颜色/SVG stroke/Vue :style替换为CSS变量
- admin.html: 残留hex替换为CSS变量
- 全部CSS版本号更新用于缓存刷新
This commit is contained in:
selfrelease
2026-07-18 09:53:34 +08:00
parent 03e095ded0
commit bb5a72767f
7 changed files with 267 additions and 209 deletions
+40 -2
View File
@@ -30,6 +30,44 @@
/* 涨跌色(红涨绿跌) */
--up: #ff4444;
--down: #00c853;
/* 辅助语义色 */
--watch: #6495ed;
--gold: #ffd700;
--hold: #ffd93d;
--hot: #ff6b35;
--card-bg: #1e1e2e;
--bg-input: #1a1a1a;
--font-mono: 'Courier New', monospace;
--font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;
/* 深度分析辅助色 */
--up-soft: #ef9a9a;
--down-soft: #a5d6a7;
--info-light: #64b5f6;
--info-bg: #2196F3;
--score-low: #78909c;
--sig-name: #ff9800;
--sig-strength: #ffb74d;
--step-watch: #748ffc;
/* 打印色(深色版本,用于@print) */
--print-up: #c0392b;
--print-down: #27ae60;
--print-mid: #e67e22;
--print-low: #7f8c8d;
/* 牛股/推荐标签辅助色 */
--teal: #00ce9e;
--purple-light: #ce93d8;
--gray-mid: #9E9E9E;
/* 渐变色 */
--grad-strategy: linear-gradient(135deg, #ff6b6b, #ffd93d);
--grad-strategy-text: #1a1a2e;
--grad-auto: linear-gradient(135deg, #00ff88, #00ccff);
--grad-rank2: linear-gradient(135deg, var(--success), #00b4d8);
--grad-rank3: linear-gradient(135deg, #748ffc, #9775fa);
--grad-algo: linear-gradient(135deg, #667eea, #764ba2);
--grad-progress: linear-gradient(90deg, #2196F3, #4CAF50);
/* 内联样式辅助色 */
--accent-cyan: #4ecdc4;
--text-dim: #555;
}
[v-cloak] {
@@ -43,7 +81,7 @@
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;
font-family: var(--font-sans);
background: var(--bg-dark);
min-height: 100vh;
color: var(--text-primary);
@@ -564,7 +602,7 @@
top: calc(100% + 4px);
left: 0;
right: 0;
background: #1a1a1a;
background: var(--bg-input);
border: none;
border-radius: 12px;
z-index: 100;