线索卡片滑动

解决什么问题

在手机或窄屏上处理待跟进线索时，传统列表页一屏能塞下十几条记录，但每条都只显示个开头。想要快速「过库」——像刷卡片一样把每条线索看一遍、心里有个数——列表的信息密度反而成了干扰。

「线索卡片滑动」把交互收窄为一屏一张卡：当前线索的客户名、联系人/电话、最近跟进摘要完整展示，左右滑动切换下一条。它不追求替代列表页，而是作为列表的补充，提供一种轻量的快速浏览模式。

它是怎么工作的

核心基于 Swiper 组件（推荐 swiper/vue，或原生模块加 CSS），核心约束有三条：

• 一页一张卡：slidesPerView: 1，同时支持触控滑动和键盘左右键；
• 字段最小化：每张卡只展示客户名、联系人/电话、最近跟进摘要三项，缺失数据统一显示「—」，避免空白占位；
• 空态处理：线索数组为空时，直接渲染「暂无待跟进」。

可选的回调动作挂在卡片底部：「稍后提醒」「标记已联」。关键设计在于——滑动本身不会修改任何业务状态，状态变更必须点击明确按钮。如果你需要更高保障，还可以加二次确认。

实现层面，Agent 接入时按以下步骤落地：

1. 引入 Swiper 与样式，传入线索数组；
2. 渲染单卡视图，处理空列表分支；
3. 绑定可选的动作回调；
4. 自测触控与键盘均可切换，确认中文不乱码。

适用边界

这个技能有意保持克制。它不会把 CRM 重做成 Tinder 式匹配产品，也不支持「滑动即删除」这类高风险操作——滑动是浏览动作，不是决策动作，这条线一旦模糊，误触的代价很高。

另外需要留意 prefers-reduced-motion：对偏好减少动效的用户，应关闭过渡动画，但保留卡片切换能力本身。动画是锦上添花，不是功能本体。