18 lines
2.5 KiB
Markdown
18 lines
2.5 KiB
Markdown
# 滑动毛玻璃底栏与手机日历金额
|
||
|
||
完成时间：2026-10-08 14:15（UTC+8）。继续按 apple-design、mobile-native、emil-design-eng 和 review-animations 的适用规范实施，来源见 [规范说明](update-mobile-navigation-2026-10-07.md)。
|
||
|
||
| Before | After | Why |
|
||
| ------------------------ | ------------------------------------------------------------------------------------- | ---------------------------- |
|
||
| 底栏背景偏实、只支持点击 | 浅/深色半透明材料、28px 模糊、柔和边缘与阴影；玻璃选中胶囊可拖动 | 更柔和的层次与直接操控 |
|
||
| 底栏手势无响应 | 水平移动超过 8px 后捕获指针，高亮保留抓取偏移并 1:1 跟随，松手选择最近入口 | 避免误触，支持途中反向和取消 |
|
||
| 手机日历只显示收支小点 | 格内恢复小字号收入/支出，普通金额最多两位小数，大额使用近似紧凑单位，详情保留完整金额 | 不点开也能看到收支规模 |
|
||
|
||
PrimaryNav 复用原有四入口、隐藏菜单和权限判断。纵向手势保留浏览器滚动；触摸取消恢复当前高亮；点击、键盘以及桌面导航继续可用。减少透明度/高对比度回退实色。高频导航不添加弹跳或固定时长过渡；手势中直接更新 transform，松手即时归位，无输入锁定或依赖新增。
|
||
|
||
格内大额使用“≈”提示近似，例如 160501.27 显示约 16.1 万；币种和完整数值保留在日期详情及无障碍标签中，英文使用本地化紧凑单位。缺少汇率显示警示符号。极大金额或放大文字时日历允许内部横向滚动，避免数字重叠或裁掉金额；页面整体保持宽度。
|
||
|
||
验收：TypeScript、前端生产构建通过；浏览器脚本加入真实 touchStart/touchMove/touchEnd 双向切换及 touchCancel 取消验证。保留四入口点击、手机格内金额与完整详情、大额收支、六种窗口宽度、浅色/深色、200% 字体、减少透明度、高对比度、键盘与模态回归，无浏览器错误。
|
||
|
||
review-animations：**Approve（代码与浏览器）**。手势跟随无过渡，高频页面切换即时完成。实体 iPhone Safari 的材质、触摸与安全区尚未验证。截图不写入 docs；保留可复用回归脚本，无新增临时脚本。本地提交，不推送或部署。
|