SuperAPI AI 工具集

presentation-structure

办公与效率

查看项目

更新于 10-15 16:40

技能介绍

用途:该技能提供对 presentation/index.html 这一单文件 HTML 演示文稿(内联 CSS 与 JS)结构的知识,帮助在增删或重排幻灯片时保持格式、编号与进度层级一致。

主要能力:说明幻灯片格式——每张幻灯片是带 data-slide(顺序编号)和可选 data-level(过渡点的旅程层级)的 div;说明四级旅程条系统,层级由关键过渡幻灯片上的 data-level 设定,其后幻灯片继承该层级,进度条分别填充 25%/50%/75%/100% 对应 Low/Medium/High/Pro;第 1 张标题页隐藏进度条,第 2 张起显示,首个 data-level 之前的幻灯片显示空条。层级徽章由 JS 注入到带 data-level 的 h1 上,不应在 HTML 中硬编码。

使用方式:导航通过 goToSlide(n)(用于目录链接,须与实际 data-slide 编号一致),totalSlides 由 DOM 自动计算;支持方向键、空格与触摸滑动,左下角显示当前/总数。增删或重排后需从 1 起重新顺序编号所有 data-slide、更新目录/旅程图中的 goToSlide() 调用,并检查无缺号或重复。章节分隔使用 section-slide 类,层级过渡分隔页带 data-level 并在描述中显示层级名。

适用场景:维护该演示文稿的章节结构、进度条层级与导航编号。

限制:资料仅描述该特定演示文稿的结构约定,未提供其他平台、收费或效果信息。