chore(task): archive 05-09-manual-divination-page-design-alignment
This commit is contained in:
+1
@@ -0,0 +1 @@
|
|||||||
|
{"file": ".trellis/tasks/05-09-manual-divination-page-design-alignment/prd.md", "reason": "验收标准:六爻符号显示、线颜色逻辑、硬币区域简化"}
|
||||||
+1
@@ -0,0 +1 @@
|
|||||||
|
{"file": ".trellis/tasks/05-09-manual-divination-page-design-alignment/prd.md", "reason": "完整需求文档,包含六爻类型符号对照和修改方案"}
|
||||||
@@ -0,0 +1,93 @@
|
|||||||
|
# 手动起卦页面设计稿对齐
|
||||||
|
|
||||||
|
## Goal
|
||||||
|
|
||||||
|
将 Web 端手动起卦页面(ManualDivinationPage)与设计稿对齐,修复六爻铜钱区域的显示问题。
|
||||||
|
|
||||||
|
## What I already know
|
||||||
|
|
||||||
|
**六爻类型与符号对照(来自 Flutter 代码):**
|
||||||
|
|
||||||
|
| 类型 | 中文名 | 线条 | 符号 |
|
||||||
|
|------|--------|------|------|
|
||||||
|
| youngYang | 少阳 | 实线 `—` | 无 |
|
||||||
|
| youngYin | 少阴 | 断线 `--` | 无 |
|
||||||
|
| oldYang | 老阳 | 实线 `—` | `○` |
|
||||||
|
| oldYin | 老阴 | 断线 `--` | `×` |
|
||||||
|
| undetermined | 未确定 | 灰色线 | 无 |
|
||||||
|
|
||||||
|
**Flutter 参考代码:**
|
||||||
|
- `apps/lib/shared/widgets/divination/yao_glyph.dart` - 爻图形组件
|
||||||
|
- `apps/lib/shared/widgets/divination/yao_line_row.dart` - 爻行组件
|
||||||
|
- `apps/lib/shared/widgets/divination/divination_terms.dart` - 符号定义
|
||||||
|
|
||||||
|
**Web 当前问题:**
|
||||||
|
|
||||||
|
1. **状态显示问题**
|
||||||
|
- 当前:用文字"老阴/少阳"等
|
||||||
|
- 应该:用符号 `×`、`○` 或空白
|
||||||
|
|
||||||
|
2. **线的颜色问题**
|
||||||
|
- 当前:当前选中的爻(active),即使未确认,线也变成紫色
|
||||||
|
- 应该:只有确认后的爻才显示紫色线,未确认时保持灰色
|
||||||
|
|
||||||
|
3. **硬币选择区域**
|
||||||
|
- 当前:显示"老阴/老阳/少阴/少阳"结果
|
||||||
|
- 应该:不显示结果,只显示硬币和"字/花"标签
|
||||||
|
|
||||||
|
4. **待录入显示**
|
||||||
|
- 当前:显示"待录入"文字
|
||||||
|
- 应该:显示灰色线,右侧无符号
|
||||||
|
|
||||||
|
## Requirements
|
||||||
|
|
||||||
|
### R1: 爻状态符号显示
|
||||||
|
- oldYang 显示符号 `○`
|
||||||
|
- oldYin 显示符号 `×`
|
||||||
|
- youngYang 和 youngYin 无符号
|
||||||
|
- undetermined 无符号
|
||||||
|
|
||||||
|
### R2: 爻线颜色逻辑
|
||||||
|
- undetermined:灰色线
|
||||||
|
- 已确认的爻(youngYang/youngYin/oldYang/oldYin):紫色线
|
||||||
|
- 当前选中但未确认的爻:线保持灰色(与 undetermined 相同)
|
||||||
|
|
||||||
|
### R3: 移除硬币区域的结果显示
|
||||||
|
- 删除"老阴/老阳/少阴/少阳"结果显示区域
|
||||||
|
- 保留:三个硬币图片 + "字/花"标签 + 确认按钮
|
||||||
|
|
||||||
|
### R4: 移除"待录入"文字
|
||||||
|
- 待录入状态:灰色线 + 右侧空白(无符号无文字)
|
||||||
|
|
||||||
|
## Acceptance Criteria
|
||||||
|
|
||||||
|
- [ ] oldYang 爻右侧显示 `○` 符号
|
||||||
|
- [ ] oldYin 爻右侧显示 `×` 符号
|
||||||
|
- [ ] youngYang/youngYin 爻右侧无符号
|
||||||
|
- [ ] 当前选中但未确认的爻,线颜色为灰色
|
||||||
|
- [ ] 已确认的爻,线颜色为紫色
|
||||||
|
- [ ] 硬币选择区域不显示结果文字
|
||||||
|
- [ ] 待录入状态无"待录入"文字,只显示灰色线
|
||||||
|
|
||||||
|
## Definition of Done
|
||||||
|
|
||||||
|
- 功能测试通过
|
||||||
|
- 与设计稿视觉一致
|
||||||
|
|
||||||
|
## Technical Notes
|
||||||
|
|
||||||
|
**涉及文件:**
|
||||||
|
- `web/src/components/ManualDivinationPage.tsx`
|
||||||
|
|
||||||
|
**修改方案:**
|
||||||
|
|
||||||
|
1. `YaoGlyph` 组件:
|
||||||
|
- 添加 `confirmed` 参数区分已确认/未确认状态
|
||||||
|
- 未确认时使用灰色,已确认时使用紫色
|
||||||
|
|
||||||
|
2. 爻行显示:
|
||||||
|
- 右侧状态改为符号显示(`×`、`○` 或空白)
|
||||||
|
- 移除文字"待录入"和"老阴/少阳"等
|
||||||
|
|
||||||
|
3. 硬币区域:
|
||||||
|
- 删除 `text.yaoTypeNames[currentYaoType]` 显示区域
|
||||||
+26
@@ -0,0 +1,26 @@
|
|||||||
|
{
|
||||||
|
"id": "manual-divination-page-design-alignment",
|
||||||
|
"name": "manual-divination-page-design-alignment",
|
||||||
|
"title": "manual-divination-page-design-alignment",
|
||||||
|
"description": "",
|
||||||
|
"status": "completed",
|
||||||
|
"dev_type": null,
|
||||||
|
"scope": null,
|
||||||
|
"package": null,
|
||||||
|
"priority": "P2",
|
||||||
|
"creator": "zl-q",
|
||||||
|
"assignee": "zl-q",
|
||||||
|
"createdAt": "2026-05-09",
|
||||||
|
"completedAt": "2026-05-09",
|
||||||
|
"branch": null,
|
||||||
|
"base_branch": "dev",
|
||||||
|
"worktree_path": null,
|
||||||
|
"commit": null,
|
||||||
|
"pr_url": null,
|
||||||
|
"subtasks": [],
|
||||||
|
"children": [],
|
||||||
|
"parent": null,
|
||||||
|
"relatedFiles": [],
|
||||||
|
"notes": "",
|
||||||
|
"meta": {}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user