fix(h5): reduce report swipe conflicts and limit edge overscroll

2026-10-13 00:24:52 +08:00
parent f1e64565b9
commit 3efa28b311
10 changed files with 858 additions and 757 deletions
@@ -0,0 +1,13 @@
+# 报告页滑动防冲突
+
+仅优化报告详情卡的手势，不修改报告数据、算法或基础信息页的滑动参数。
+
+- 图片区域可横向跟手切换；说明文字不触发横滑，页签仍可点击或键盘切换。
+- 方向判定由 8px、横向略大于纵向，改为移动超过 12px 且横向位移大于纵向的 1.5 倍才进入横滑。其余明确移动交给纵向阅读，一次手势锁定后不重新判方向。
+- 横滑过程中冻结卡片当前高度，包括图片/字体延迟加载导致的尺寸更新；松手或取消后再恢复当前页签高度，并沿用平滑高度过渡。
+- 首尾保留阻尼反馈，但回弹位移最大为 16 CSS px，不允许拉出大片空白。
+- 保留浏览器原生纵向滚动、图片点击放大、取消复位与无障碍页签行为。不尝试拦截微信系统返回手势。
+
+验证：`node h5/test/report-touch-layout.mjs` 检查真实移动触摸横滑、斜滑、文字区不切页、图片与文字区竖向滚动、拖动期间高度不变、边缘位移上限和原有布局/交互；`node h5/test/profile-interaction.mjs` 回归共用滑动组件的基础信息页。
+
+本地上述两项测试均通过。发布沿用 Git bundle 快进同步至 `/home/ubuntu/juzi`，重启 `juzi-h5.service`，再经公网运行同一报告交互测试并检查服务健康及静态资源一致性。不代用户推送 origin，不包含未追踪的 `new_feedback/`。最终手机微信体验仍需真机复验。