Explorar o código

📝 docs(stories): 添加财务大屏分辨率要求

- 在任务列表中增加"严格按照1920*1080分辨率实现布局"的子任务
- 新增"分辨率要求"章节,详细说明布局和尺寸实现规范
- 在变更日志中记录分辨率要求的添加(版本1.1)
yourname hai 2 meses
pai
achega
ffc6ed079c

+ 9 - 0
docs/stories/006.002.实现财务数据可视化大屏页面.md

@@ -16,6 +16,7 @@ Draft
 ## Tasks / Subtasks
 - [ ] 创建财务数据可视化大屏主页面组件 `src/client/home/pages/FinancialDashboard/FinancialDashboard.tsx` (AC: 1, 2)
   - [ ] 基于Figma设计实现主页面布局:`https://www.figma.com/design/mTu6gamzMFEybbSb8WssKK/可视化素材2-25?node-id=1715-121572&m=dev`
+  - [ ] **严格按照1920*1080分辨率实现布局**,确保在大屏设备上完美显示
   - [ ] 实现四个数据模块的容器布局
   - [ ] 添加右下角浮动按钮用于触发变动幅度弹窗
 - [ ] 创建四个财务数据模块组件 (AC: 2)
@@ -73,6 +74,13 @@ Draft
 **主页面设计** [Source: Figma]:
 - **主页面**: `https://www.figma.com/design/mTu6gamzMFEybbSb8WssKK/可视化素材2-25?node-id=1715-121572&m=dev` - 财务数据可视化大屏主页面设计,包含四个数据模块
 
+### 分辨率要求
+**严格遵循1920*1080分辨率**:
+- 所有布局和尺寸必须严格按照1920*1080分辨率实现
+- 确保在大屏设备上完美显示,无缩放或变形
+- 组件位置和间距必须精确匹配Figma设计
+- 字体大小、图标尺寸等视觉元素必须保持设计比例
+
 **弹窗设计** [Source: Figma]:
 **四个层次构成**:
 1. **遮罩层** (Overlay) - `https://www.figma.com/design/mTu6gamzMFEybbSb8WssKK/可视化素材2-25?node-id=1949-81702&m=dev` - 背景遮罩,提供视觉隔离和点击外部关闭功能
@@ -116,6 +124,7 @@ Draft
 ## Change Log
 | Date | Version | Description | Author |
 |------|---------|-------------|---------|
+| 2025-11-14 | 1.1 | 添加严格的1920*1080分辨率要求 | Bob (Scrum Master) |
 | 2025-11-14 | 1.0 | 初始故事创建 | Bob (Scrum Master) |
 
 ## Dev Agent Record