用途:该技能面向 Slidev 演示文稿的页面结构设计,覆盖所有内置布局,帮助根据内容类型选择合适布局,并指导创建自定义布局。
主要能力:支持在幻灯片 frontmatter 中通过 layout 指定布局。资料列出的内置布局包括 default(通用内容)、center(水平垂直居中,适合引用与要点)、cover(开场,可配 background)、intro(作者/讲者介绍)、section(章节分隔)、statement(强调单句)、quote(带出处引用)、fact(突出数据)、two-cols 与 two-cols-header(双栏及跨栏标题,使用 ::right::、::left:: 等 slot 分隔)、image(整页背景图,可设 image 与 backgroundSize)、image-left / image-right(图文左右排布)、iframe、iframe-left / iframe-right(嵌入网页,使用 url)、full(无内边距满屏)、none(无样式空白)、end(结束页)。
使用方式:在幻灯片开头用 frontmatter 声明,例如 --- layout: center ---。自定义布局放在 layouts/ 目录下的 .vue 文件,可包含默认 slot、命名 slot(如 header、left、right)以及通过 defineProps 接收 logo、color 等参数。主题往往还会提供额外布局。
适用场景:开场与收尾、章节划分、引用与数据强调、双栏对比、图文并排、嵌入网页、全屏自定义内容等。
限制:资料未提供安装命令、收费或价格信息,暂未提供;使用时应避免内容过密,并测试不同尺寸下的响应效果。