SuperAPI AI 工具集

timeline

设计与创作

查看项目

更新于 10-16 08:09

技能介绍

用途:Timeline 模式用于按时间顺序展示事件与活动,帮助用户重建事件序列、审计流程或跟踪进展,最适用于活动历史与审计类需求。

主要能力:提供时间线布局的解剖结构与示例,覆盖键盘交互、屏幕阅读器支持、视觉无障碍、性能等护栏,并给出测试指引,用于验证键盘、屏幕阅读器、响应式与失败场景下的行为。

使用方式:先确认该模式与问题及约束匹配,再从 references/pattern.md 的解剖与示例出发,选择最小可行变体;在叠加视觉打磨前先应用无障碍、性能与交互护栏;用测试指引验证行为。

适用场景:活动历史与审计、项目里程碑、发布与事故叙述。

限制与避免:用户只需一两个值而非完整布局时用更简单视图;任务为创建或编辑而非解读时避免使用;若移动端有更清晰表示,不要强行套用同一视图。常见错误包括先选布局后定任务、忽略加载/空/错误等非理想状态、只做桌面密度模型。相关模式包括 calendar、list-view、activity-feed。完整实现细节、示例与测试说明见 references/pattern.md,模式页为 https://uxpatterns.dev/patterns/data-display/timeline。