refactor: CSS残留hex清理+内联样式提取+console.log降级+错误toast补全

- components.css: 10处hex替换为CSS变量(stoploss/watch/signal/alert-change/toast)
- pages.css: 20+处hex替换(ss-dot信号强度/step操作色/summary-tag/trade-type/reason-item)
- auth.css: 2处hex替换(login-error/login-success)
- base.css: 新增30+公共CSS class(cursor-pointer/flex-center/input-mini/icon-sm等)
- index.html: 41处内联style提取为CSS class(93→52)
- app.js: 14处console.log降级为console.debug(减少生产日志噪音)
- app.js: 5处用户可感知catch块补充showToast错误反馈
This commit is contained in:
selfrelease
2026-07-18 09:28:37 +08:00
parent b3c21c6f91
commit 03e095ded0
6 changed files with 140 additions and 93 deletions
+10 -10
View File
@@ -438,7 +438,7 @@
}
.stoploss-sell-btn:hover {
background: #ff6666;
background: var(--danger);
}
/* 基本面弹窗样式 */
@@ -502,7 +502,7 @@
}
.watch-btn.add:hover {
background: #00cc6a;
background: var(--success);
}
.watch-btn.remove {
@@ -592,7 +592,7 @@
}
.signal-chip.triggered {
background: rgba(239,68,68,0.12);
color: #ef4444;
color: var(--danger);
border: 1px solid rgba(239,68,68,0.25);
}
.signal-chip.inactive {
@@ -606,7 +606,7 @@
border-radius: 50%;
display: inline-block;
}
.signal-dot.on { background: #ef4444; }
.signal-dot.on { background: var(--danger); }
.signal-dot.off { background: var(--text-muted); opacity: 0.4; }
.signal-summary {
font-size: 12px;
@@ -614,7 +614,7 @@
border-radius: 6px;
background: var(--bg-secondary);
}
.signal-strong { color: #ef4444; font-weight: 600; }
.signal-strong { color: var(--danger); font-weight: 600; }
.signal-normal { color: var(--text-secondary); }
.signal-none { color: var(--text-muted); }
@@ -1826,7 +1826,7 @@
}
.alert-price {
font-size: 12px;
color: #ffd700;
color: var(--warning);
margin-left: auto;
font-weight: 500;
}
@@ -1839,14 +1839,14 @@
font-weight: 500;
margin-right: 4px;
}
.alert-change.up { color: #ff4444; }
.alert-change.down { color: #00ce9e; }
.alert-change.up { color: var(--up); }
.alert-change.down { color: var(--down); }
.alert-sig-tag {
font-size: 10px;
padding: 1px 6px;
border-radius: 3px;
background: rgba(0, 206, 158, 0.15);
color: #00ce9e;
color: var(--success);
}
.refresh-btn {
@@ -1932,7 +1932,7 @@
.toast-container.info .toast-icon {
background: rgba(100, 150, 255, 0.2);
color: #6496ff;
color: var(--info);
}
.toast-container.success .toast-icon {