1.6 KiB
1.6 KiB
报告页滑动防冲突
仅优化报告详情卡的手势，不修改报告数据、算法或基础信息页的滑动参数。
- 图片区域可横向跟手切换；说明文字不触发横滑，页签仍可点击或键盘切换。
- 当前试用横向优先：移动超过 12px 且横向位移大于纵向的 2/3 即进入横滑；只有纵向位移达到横向的 1.5 倍时才锁定竖滑。一次手势锁定后不重新判方向。之前上线的竖向优先版本要求横向大于纵向的 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/。最终手机微信体验仍需真机复验。