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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user