卦象 · 正式视觉交付

UI 设计图总览

以下均为真实 HTML/CSS/JS 页面在 375×812 视口中的实际 PNG 截图,并以 base64 内嵌;不是 CSS 缩略图。示例使用干净中文数据与固定 seed number:18,26,39。

查看采集验收 JSON
14 个 S1–S14 页面3 个状态扩展0 JS 异常 / 0 404 / 0 溢出不宣称像素级 0 误差
证据与边界
原稿已有页面以项目 ui/ 位图为视觉母版;S3、S9 标为设计补页;保存弹层、卦例详情和空态标为状态扩展。源字体与源节点字段未知,本总览用于实现视觉交付,不表示源设计稿字段级或叠图零误差。

S1–S14 页面

S1

登录注册

原稿已有

真实账号密码与游客入口;协议、隐私可打开,不使用短信验证码。

S1 登录注册 实际页面截图
375×812 PNGSHA 934658c3f917…
S2

首页

原稿已有

公农历、节日、节气与宜忌均来自真实 calendar/day 响应。

S2 首页 实际页面截图
375×812 PNGSHA 7152fda847c6…
S3

问事主题

设计补页

原稿缺失;以双列主题卡、明确选中态和具体问题输入延伸。

S3 问事主题 实际页面截图
375×812 PNGSHA be76b3ec36bb…
S4

起卦方式

原稿已有

保留双列方式卡;所有方式统一调用后端 /api/divination。

S4 起卦方式 实际页面截图
375×812 PNGSHA d6e184d47e9a…
S5

铜钱摇卦

原稿已有

真实摇得两爻后的第 3/6 爻状态;展示三钱、进度与已保留草稿。

S5 铜钱摇卦 实际页面截图
375×812 PNGSHA b2728e0cbdd0…
S6

卦象结果

原稿已有

固定 seed 得「离」;展示本/变卦、规则标签与真实卦辞入口。

S6 卦象结果 实际页面截图
375×812 PNGSHA ae8346412737…
S7

规则对话

原稿已有

真实发送干净中文问题;固定规则回答并显著标注非大模型。

S7 规则对话 实际页面截图
375×812 PNGSHA f95ed3e986e1…
S8

卦例库

原稿已有

干净中文示例报告;支持主题筛选、搜索、详情和删除。

S8 卦例库 实际页面截图
375×812 PNGSHA 6358e6745f86…
S9

周期修习

设计补页

原稿缺失且无周期 API;改为中性自我观察,不虚构运势曲线。

S9 周期修习 实际页面截图
375×812 PNGSHA 47e4de8e7822…
S10

风水罗盘

原稿已有

手动调至 128°,方位由真实 direction API 返回;未伪装传感器校准。

S10 风水罗盘 实际页面截图
375×812 PNGSHA 91d6697882bd…
S11

家居风水

原稿已有

卧室清单真实勾选,并在切换客厅后再返回仍保留。

S11 家居风水 实际页面截图
375×812 PNGSHA 5f9047068d5a…
S12

黄历择吉

原稿已有

固定查询 2026-11-12 并选择开业;当日宜忌与未来七日来自真实 API。

S12 黄历择吉 实际页面截图
375×812 PNGSHA 9e7b9630e45f…
S13

会员方案

原稿已有

年卡示例价格与权益;按钮仅查看接入说明,未接入真实支付。

S13 会员方案 实际页面截图
375×812 PNGSHA a3f949997454…
S14

我的

原稿已有

真实游客会话与 1 条已存卦例;青少年模式、协议、退出入口完整。

S14 我的 实际页面截图
375×812 PNGSHA 4cd0f4008cb5…

关键状态扩展

S6-保存

生辰保存弹层

状态扩展

性别与日期必填、时辰可选;提交同一 hexagram,不重新起卦。

S6-保存 生辰保存弹层 实际页面截图
375×812 PNGSHA c744775e0112…
S8-详情

卦例完整详情

状态扩展

报告编号独立整行;包含报告信息、六爻、四柱、黄历与规则建议。

S8-详情 卦例完整详情 实际页面截图
375×812 PNGSHA e4d770581a61…
S8-空态

卦例库空态

状态扩展

真实删除示例报告后的空态与下一步入口。

S8-空态 卦例库空态 实际页面截图