Этот перевод больше не поддерживается, пожалуйста, посмотрите английскую версию документа.

Шаблоны

Встроенные шаблоны

Поскольку темы могут переопределять поведение макетов, лучший способ узнать точное использование, параметры и примеры - обратиться к их документации.

center

Отображает содержимое в центре экрана.

cover

Используется для отображения титульной страницы презентации, может содержать название презентации, контекстуализацию и т.д.

default

Самый простой макет для отображения любого вида контента.

end

Заключительная страница для презентации.

fact

Показать на экране какой-либо факт или данные с большим акцентом.

full

Использует все пространство экрана для отображения содержимого.

image-left

Показывает изображение в левой части экрана, содержимое будет размещено в правой части.

Использование

---
layout: image-left

# источник изображения
image: ./path/to/the/image

# пользовательское имя класса для содержимого
class: my-cool-content-on-the-right
---

image-right

Показывает изображение в правой части экрана, содержимое будет размещено в левой части.

Использование

---
layout: image-right

# источник изображения
image: ./path/to/the/image

# пользовательское имя класса для содержимого
class: my-cool-content-on-the-left
---

image

Показывает изображение в качестве основного содержимого страницы.

Использование

---
layout: image

# источник изображения
image: ./path/to/the/image
---

iframe-left

Shows a web page on the left side of the screen, the content will be placed on the right side.

Usage

---
layout: iframe-left

# the web page source
url: https://github.com/slidevjs/slidev

# a custom class name to the content
class: my-cool-content-on-the-right
---

iframe-right

Shows a web page on the right side of the screen, the content will be placed on the left side.

Usage

---
layout: iframe-right

# the web page source
url: https://github.com/slidevjs/slidev

# a custom class name to the content
class: my-cool-content-on-the-left
---

iframe

Shows a web page as the main content of the page.

Usage

---
layout: iframe

# the web page source
url: https://github.com/slidevjs/slidev
---

intro

Представление презентации, обычно с указанием названия презентации, краткого описания, автора и т.д.

none

Макет без какой-либо существующей стилизации.

quote

Отображает цитату на видном месте.

section

Используется для обозначения начала нового раздела презентации.

statement

Делает утверждение/заявление основным содержанием страницы.

two-cols

Разделяет содержимое страницы на две колонки.

Использование

---
layout: two-cols
---

# Слева

Это отобразится слева

::right::

# Справа

Это отобразится справа

Кастомные шаблоны

Создайте папку layouts/ в корне вашего проекта, и просто вставьте в неё ваши кастомные Vue-компоненты.

Подробнее в разделе Кастомизация.

Шаблоны темы

Темы также могут содержать макеты, либо заменять существующие. Пожалуйста, прочтите документацию, чтобы узнать, что они предоставляют.