编写布局

请先阅读 📖 布局。

要创建自定义布局，只需在 layouts 目录中创建一个新的 Vue 文件：

your-slidev/
  ├── ...
  ├── slides.md
  └── layouts/
      ├── ...
      └── MyLayout.vue

布局是 Vue 组件，因此你可以在其中使用 Vue 的所有功能。

在布局组件中，使用 <slot/> (默认插槽) 来放置幻灯片内容：

default.vue

<template>
  <div class="slidev-layout default">
    <slot />
  </div>
</template>

你还可以使用具名插槽来实现更复杂的布局：

split.vue

<template>
  <div class="slidev-layout split">
    <div class="left">
      <slot name="left" />
    </div>
    <div class="right">
      <slot name="right" />
    </div>
  </div>
</template>

然后配合 ✨ 布局的插槽语法糖 使用。