滑动手势识别

为什么需要手势识别

在移动端应用中，用户经常需要通过左右滑动来切换卡片、预览附件或触发返回操作。例如，客户卡片的左右滑动切换、Demo附件的左右翻阅，或者简易的手势返回功能。然而，实现这些功能时，开发者常常面临手势冲突、内存泄漏等问题。

核心能力与实现步骤

• 依赖管理：引入hammerjs（可选@types/hammerjs），确保手势识别的稳定性。
• 容器挂载：在卡片或列表容器上初始化Hammer实例，绑定swipeleft和swiperight事件。
• 事件处理：左滑触发下一条/右滑触发上一条逻辑，实现流畅的切换效果。
• 资源释放：在组件卸载时调用destroy()方法，避免内存泄漏和手势残留。

适用边界与注意点

• 方向冲突：当页面存在纵向滚动时，需通过touch-action或方向限制避免手势冲突。
• 功能边界：不实现完整的多指缩放编辑器，如需此类功能可使用panzoom等库。
• 注释要求：关键实现点需标注小四原创，便于后续维护和协作。