图片路径变化
This commit is contained in:
@@ -9,7 +9,7 @@
|
||||
> **For developers**: 本文是开发还原 UI 的唯一权威。所有组件以 HTML + Tailwind class 描述,不输出 JSX。新增页面须先到此处查找可复用组件与模板;如需新模式,先补本文再落地。
|
||||
> **关联文档**:
|
||||
> - `Project/fonrey/TECH_STACK/TECH_STACK.md`(技术总纲)
|
||||
> - `Project/fonrey/UI&UX/组件清单.md`(组件可行性分析)
|
||||
> - `Project/fonrey/UI_SYSTEM/组件清单.md`(组件可行性分析)
|
||||
> - `Project/fonrey/PRD/*`(业务需求)
|
||||
|
||||
---
|
||||
@@ -48,15 +48,15 @@
|
||||
|
||||
#### 2.1.1 品牌色(Primary — Teal)
|
||||
|
||||
| Token | Hex | Tailwind 类 | 使用场景 |
|
||||
|---|---|---|---|
|
||||
| `primary-50` | `#F0FDFA` | `bg-primary-50` | 页面强调区微底色、Tag 极淡底 |
|
||||
| `primary-100` | `#CCFBF1` | `bg-primary-100` | 选中背景、标签底色 |
|
||||
| `primary-200` | `#99F6E4` | `bg-primary-200` | Hover 标签底色 |
|
||||
| `primary-500` | `#14B8A6` | `bg-primary-500` | 辅助主色(图标、强调文字) |
|
||||
| Token | Hex | Tailwind 类 | 使用场景 |
|
||||
| ------------- | --------- | ---------------- | ------------------------- |
|
||||
| `primary-50` | `#F0FDFA` | `bg-primary-50` | 页面强调区微底色、Tag 极淡底 |
|
||||
| `primary-100` | `#CCFBF1 | `bg-primary-100` | 选中背景、标签底色 |
|
||||
| `primary-200` | `#99F6E4` | `bg-primary-200` | Hover 标签底色 |
|
||||
| `primary-500` | `#14B8A6` | `bg-primary-500` | 辅助主色(图标、强调文字) |
|
||||
| `primary-600` | `#0F766E` | `bg-primary-600` | **主按钮、激活态、Tab 下划线(基准主色)** |
|
||||
| `primary-700` | `#115E59` | `bg-primary-700` | 主按钮 Hover |
|
||||
| `primary-800` | `#134E4A` | `bg-primary-800` | 主按钮 Active / 深色文字 |
|
||||
| `primary-700` | `#115E59` | `bg-primary-700` | 主按钮 Hover |
|
||||
| `primary-800` | `#134E4A` | `bg-primary-800` | 主按钮 Active / 深色文字 |
|
||||
|
||||
#### 2.1.2 中性色(Neutral — Slate 系,偏冷灰)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user