2.4 KiB
2.4 KiB
我的元素：按日主五行显示图标
已确认口径
入口复用当前元素报告的 masterElement，不按五行最高占比或喜用元素选择。
| 日主天干 | 元素 | 图标 |
|---|---|---|
| 甲、乙 | 木 | 绿色叶片 |
| 丙、丁 | 火 | 橙色火焰 |
| 戊、己 | 土 | 棕色石块 |
| 庚、辛 | 金 | 金色圆币 |
| 壬、癸 | 水 | 蓝色水滴 |
保留“我的元素”标题和原有入口布局，图形加元素小标识；个人默认头像及上传头像不参与这套映射。 资料缺失或不能计算有效报告时，显示中性问号，点开沿用原有完善出生信息提示，不虚构默认五行。
更新与接口
- 继续使用既有资料 GET
/api/user/profile提供的生日和出生时辰，在前端生成同一份报告。 - 编辑资料保存仍使用 PUT
/api/user/profile。保存回传资料通过现有订阅更新报告与入口图标，无需新接口。 - 仅日主五行发生变化时图标才变化。同五行的不同生日，以及只改昵称、头像或其他非排盘字段，不要求更换图标。
- 不修改后端报告、计算规则或个人头像；没有新增后端接口，也没有操作真实用户资料。
验收
- 微信开发者工具重新编译，进入我的，查看元素入口图标。点开报告，确认图标与“日主”属性一致，而非最大百分比。
- 无需为测试消耗真实账号的半年修改额度。使用 H5 隔离演示入口
http://127.0.0.1:4173/?avatarDemo=1#/pages/my/index验证修改联动。 - 演示时辰保持辰时，生日从
1998-06-18起依次改为20、22、24、26日并保存，分别应显示火、土、金、水、木；默认头像保持不变。演示仅在本地保存，刷新重置。 - 进入编辑页后不修改直接返回，元素图标不应变形；入口图标与生肖图标保持对齐，底部导航不遮挡。
已完成检查
- 58 项前端测试、TypeScript 检查、H5／微信构建通过。
- 13 个产物 WXSS 通过微信开发者工具自带编译器检查。
- 浏览器隔离演示实际验证五个日期的保存切换，以及入口与日主详情一致、窄屏对齐；没有将模拟资料写入真实后端。
- 截图：
/private/tmp/hera-day-master-fire.png、/private/tmp/hera-day-master-earth.png、/private/tmp/hera-day-master-metal.png、/private/tmp/hera-day-master-water.png、/private/tmp/hera-day-master-wood.png。