|
|
@@ -34,7 +34,7 @@
|
|
|
| 信息 Info | `#909399` | 次要文字、已读消息 |
|
|
|
| 页面背景 | `#F5F6F8` | 全局页面底色（卡片白底浮于其上） |
|
|
|
| 卡片背景 | `#FFFFFF` | 内容卡片 |
|
|
|
-| 页头深藏青 | `#2F3A52` | 自定义导航栏/页头/登录页品牌区；取色自 PC 登录页截图（`login_page.png`），开发允许 ±微调 |
|
|
|
+| 页头深藏青 | `#2F3A52` | 自定义导航栏/页头/登录页品牌区；取色自 PC 登录页截图（[登录页截图](../img/pc/login/login_page.png)），开发允许 ±微调 |
|
|
|
| 边框/分隔线 | `#DCDFE6` / `#EBEEF5` | 输入框与面板细边框、行式列表分隔线（对齐 Element Plus） |
|
|
|
| 主文字 | `#303133` | 标题、关键数值 |
|
|
|
| 次文字 | `#606266` / `#909399` | 描述、辅助信息 |
|
|
|
@@ -76,7 +76,7 @@ S8 异常等级色（与 Web 端 S8 看板保持一致语义）：一级（重
|
|
|
|
|
|
**视觉与颜色采用 B 套（PC 管理台风）保持与 Web 端一致；交互与布局按移动端最佳实践。** 调和规则：
|
|
|
|
|
|
-- 视觉取 B 套：深藏青页头+英文小标、方角细边框面板、行式列表+细分隔线、文字 Tab 下划线、浅色底标签、彩色实心小按钮（参照附录 B 图与 PC 截图 `login_page.png`、`sales_order_list.png`）。
|
|
|
+- 视觉取 B 套：深藏青页头+英文小标、方角细边框面板、行式列表+细分隔线、文字 Tab 下划线、浅色底标签、彩色实心小按钮（参照附录 B 图与 PC 截图 [登录页截图](../img/pc/login/login_page.png)、[销售订单列表截图](../img/pc/sales-order/sales_order_list.png)）。
|
|
|
- 交互取移动端最佳实践：拇指热区（底部操作栏）、筛选抽屉化、下拉刷新/上拉加载、大点击热区（列表行高 ≥88rpx）、状态机动态操作按钮——§4/§5 的结构与交互描述不变，仅视觉呈现以 B 套为准。
|
|
|
- §4 各页所述「卡片字段」指字段组成；视觉呈现用 B 套行式列表/方角薄面板，字段不变。
|
|
|
- 附录 A（A 套图）保留作历史备选，不再作为实现依据。
|
|
|
@@ -330,7 +330,7 @@ S8 异常、S9 看板、生产/库存/质量查询均从**首页快捷入口**
|
|
|
|
|
|
## 附录 B：PC 管理台风候选稿（AI 概念稿 · B 套）
|
|
|
|
|
|
-> 设计依据：完全对齐 Web 端 PC 前端的现有视觉语言——登录页（深藏青品牌区 + 白色表单区 + 文字 Tab 下划线）与业务页（深藏青页头卡片含英文小标、Element Plus 浅边框方角面板、行式列表 + 细分隔线、浅色底标签、彩色实心小按钮）。主要参照证据：仓库根目录 `login_page.png`、`sales_order_list.png` 截图与 `Web/src/stores/themeConfig.ts` 主题配置。
|
|
|
+> 设计依据：完全对齐 Web 端 PC 前端的现有视觉语言——登录页（深藏青品牌区 + 白色表单区 + 文字 Tab 下划线）与业务页（深藏青页头卡片含英文小标、Element Plus 浅边框方角面板、行式列表 + 细分隔线、浅色底标签、彩色实心小按钮）。主要参照证据：PC [登录页截图](../img/pc/login/login_page.png)、[销售订单列表截图](../img/pc/sales-order/sales_order_list.png)与 `Web/src/stores/themeConfig.ts` 主题配置。
|
|
|
|
|
|
### B1. 登录页（对应 §4.2）
|
|
|
|
YY968XX
