feat(frontend): P1仪表盘首页(统计卡+快捷入口+最近任务)+全局chip样式+侧栏工作台入口

2026-07-11 20:45:57 +08:00
parent d52db7f00c
commit e0d32c0d1a
5 changed files with 304 additions and 1 deletions
@@ -0,0 +1,82 @@
+/* 全局 chip / 状态色 —— 所有页面复用（红涨绿跌 A 股配色，深色主题） */
+.chip {
+  display: inline-block;
+  padding: 1px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+  white-space: nowrap;
+}
+
+/* 任务类型 */
+.chip-cta {
+  color: var(--brand);
+  background: rgba(24, 144, 255, 0.14);
+}
+.chip-optimize {
+  color: #13c2c2;
+  background: rgba(19, 194, 194, 0.14);
+}
+.chip-factor {
+  color: #b37feb;
+  background: rgba(179, 127, 235, 0.14);
+}
+.chip-paper {
+  color: #d29922;
+  background: rgba(210, 153, 34, 0.14);
+}
+
+/* 状态 */
+.st-done {
+  color: var(--down);
+  background: rgba(63, 185, 80, 0.14);
+}
+.st-failed {
+  color: var(--danger);
+  background: rgba(248, 81, 73, 0.14);
+}
+.st-running {
+  color: var(--brand);
+  background: rgba(24, 144, 255, 0.14);
+}
+.st-pending {
+  color: var(--warn);
+  background: rgba(210, 153, 34, 0.14);
+}
+
+/* 涨跌（红涨绿跌） */
+.up {
+  color: var(--up);
+}
+.down {
+  color: var(--down);
+}
+
+/* 通用文字层级 */
+.mono {
+  font-family: var(--mono);
+  font-size: 12px;
+  color: var(--text);
+}
+.muted {
+  color: var(--text-2);
+  font-size: 12px;
+}
+
+/* 计数徽标 */
+.count-badge {
+  display: inline-block;
+  margin-left: 8px;
+  padding: 0 8px;
+  min-width: 24px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-2);
+  background: var(--bg-hover);
+  border-radius: 11px;
+  vertical-align: middle;
+}