SuperAPI AI 工具集

slidev-click-animations

设计与创作

查看项目

更新于 10-15 23:56

技能介绍

用途:在 Slidev 演示中实现基于点击的逐步动画,用于分步揭示内容、构建复杂图表、制造悬念或引导观众注意力。

主要能力:支持组件与指令两种写法的 v-click;可用显式位置(v-click="1")或相对位置(v-click="'+1'")控制出现顺序;v-after 或 v-click="'+0'" 让元素与前者同时出现;v-clicks 用于列表动画,支持 depth 嵌套层级与 every 每 N 项合并;v-click.hide 及范围形式 [2, 4] 实现隐藏;v-switch 按点击切换不同模板内容,支持范围如 #4-6 与 default;v-motion 提供 initial、enter、click-N、leave 等变体及透明度、位移、缩放、旋转等属性。

使用方式:在幻灯片 frontmatter 中用 clicks: 5 固定点击次数,clicks: auto 自动计算(默认)。可自定义 CSS 类 .slidev-vclick-target、.slidev-vclick-hidden、.slidev-vclick-current、.slidev-vclick-prior 的过渡效果。代码块可用 {1|2|3|all} 做逐步高亮。

限制与建议:避免逐词点击,应成组揭示;顺序重要时使用显式位置;演示前逐次点击测试,注意自定义 CSS 冲突。本资料未提供安装命令、收费与平台信息。