wangjia
5a1e185b1a
phosphor console v1.1 设计系统（从现网 web/style.css 演化）：tokens(colors/effects/ typography/fonts) + components(core/forms/surfaces .jsx) + ui_kits(console + console_mobile) + assets/icons(15 双色 SVG) + guidelines + CLAUDE/SKILL/readme。供 B1–B6 重构任务对照实现。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
10 lines
432 B
Markdown
10 lines
432 B
Markdown
额度计量条：agent 用量/配额的 LED 分段显示，按用量自动变色（青→琥珀→红），已用格带辉光。
|
|
|
|
```jsx
|
|
<QuotaMeter label="5h" pct={50} detail="3h 8m 后重置" />
|
|
<QuotaMeter label="周" pct={78} detail="16h 38m 后重置" />
|
|
<QuotaMeter pct={94} cells={24} />
|
|
```
|
|
|
|
`pct` 决定填充与颜色（≥70% 琥珀、≥90% 红）；`detail` 放重置时间等弱化说明；`cells` 调分段密度。
|