v1.2 视觉方向对比 v2 · 讨论区 含「首条 event」 + 模块化感受

两栏内容完全相同 · 同一个 Event 下并行讨论着 2 个话题(红点已读 / 飞书集成)。请对比哪种更能让你感受到「在这个话题之下」的氛围。
方案 A

全扁平 · 不分模块

所有发言一条流,靠 1px 浅灰分隔线 + 段间距区分。 延续讨论用 40px 缩进 + "↳ 钟嘉辉 回复 肖迈" 灰字小标提示。
✓ 优点极致干净,注意力 100% 在文字
✗ 风险多话题并行时容易混淆,没有"在这个话题之下"的感觉
讨论 · 9
钟嘉辉
想再讨论下红点消失逻辑:现在是用户点击 Topic 即清除未读,但如果他只是一扫而过没真正阅读,红点就丢了。我倾向"停留 > 3s 或滚动到底部"才算已读。@肖迈
王昕
同感。红点本身意义也要重新定义——是"有未读新内容"还是"有需要你处理的事"。参考一下 Slack 的 unread 设计文档
李丹阳
技术上可以做:停留 3s + 可见范围 ≥60% 计为已读。用 IntersectionObserver 实现。
🖼️红点已读-方案示意.png240 KB
肖迈
结论确认:前端 observer + 后端位点。@钟嘉辉 这周排期?
钟嘉辉 回复 肖迈
钟嘉辉
收到,本周排期,周五前出 PRD。
王昕
另外说一下飞书集成方案,@李培轮 你之前调研的 webhook 还是 OpenAPI 哪个更合适?
李培轮
调研下来 OpenAPI 更稳,webhook 经常丢消息。但 OpenAPI 要做 token 刷新这一套,工作量稍大。
📄飞书集成-技术对比.pdf560 KB
肖迈
同意 OpenAPI。token 刷新封装成 SDK 就能复用。
王昕
那这块就这么定,@李培轮 这周出技术方案?
方案 B

模块化 · 首条 event + 竖线串联

每个"首条 event"开启一个模块(左蓝色短杠 + 加粗 + 「· 首条」徽标)。 模块内部用 2px 浅灰竖线 串联回复,形成"在这个话题之下"的视觉聚拢。 模块之间用 36px 间距 + 1px 横线分隔。
✓ 优点多话题并行时层次清晰;首条 event 一眼可辨
✗ 风险比 A 略重,多了"模块"这一层视觉负担
讨论 · 9
钟嘉辉
想再讨论下红点消失逻辑:现在是用户点击 Topic 即清除未读,但如果他只是一扫而过没真正阅读,红点就丢了。我倾向"停留 > 3s 或滚动到底部"才算已读。@肖迈
王昕
同感。红点本身意义也要重新定义——是"有未读新内容"还是"有需要你处理的事"。参考 Slack 的 unread 设计文档
李丹阳
技术上可以做:停留 3s + 可见范围 ≥60% 计为已读。用 IntersectionObserver 实现。
🖼️红点已读-方案示意.png240 KB
肖迈
结论确认:前端 observer + 后端位点。@钟嘉辉 这周排期?
钟嘉辉
收到,本周排期,周五前出 PRD。
王昕
另外说一下飞书集成方案,@李培轮 你之前调研的 webhook 还是 OpenAPI 哪个更合适?
李培轮
调研下来 OpenAPI 更稳,webhook 经常丢消息。但 OpenAPI 要做 token 刷新这一套,工作量稍大。
📄飞书集成-技术对比.pdf560 KB
肖迈
同意 OpenAPI。token 刷新封装成 SDK 就能复用。
王昕
那这块就这么定,@李培轮 这周出技术方案?
👀 重点对比:"多话题并行" 在哪一边更有「在这个话题之下」的感受?哪一边更不抢内容焦点?