|
|
@@ -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
|