Cette traduction est obsolète, veuillez consulter le document en anglais.

Mises en page

Mises en page intégrées

Comme les thèmes peuvent remplacer le comportement des mises en page, le meilleur moyen de connaître exactement l'usage, les paramètres et les exemples est de se référer à leur documentation

center

Affiche le contenu au milieu de l'écran.

cover

Utilisé pour afficher la page de couverture pour la présentation, peut contenir le titre de la présentation, la contextualisation, etc.

default

La mise en page la plus basique, pour afficher n'importe quel type de contenu.

end

La page finale de la présentation.

fact

Pour montrer un fait ou des données avec beaucoup d'importance à l'écran.

full

Utilise tout l'espace de l'écran pour afficher le contenu.

image-left

Affiche une image sur le côté gauche de l'écran, le contenu sera placé sur le côté droit.

Usage

---
layout: image-left

# la source de l'image
image: ./path/to/the/image

# un nom de classe customisé du contenu
class: my-cool-content-on-the-right
---

image-right

Affiche une image sur le côté droit de l'écran, le contenu sera placé sur le côté gauche.

Usage

---
layout: image-right

# la source de l'image
image: ./path/to/the/image

# un nom de classe customisé du contenu
class: my-cool-content-on-the-left
---

image

Affiche une image comme contenu principal de la page.

Usage

---
layout: image

# la source de l'image
image: ./path/to/the/image
---

iframe-left

Affiche une page Web sur le côté gauche de l'écran, le contenu sera placé sur le côté droit.

Usage

---
layout: iframe-left

# la source de la page Web
url: https://github.com/slidevjs/slidev

# un nom de classe personnalisé au contenu
class: my-cool-content-on-the-right
---

iframe-right

Affiche une page Web sur le côté droit de l'écran, le contenu sera placé sur le côté gauche.

Usage

---
layout: iframe-right

# la source de la page Web
url: https://github.com/slidevjs/slidev

# un nom de classe personnalisé au contenu
class: my-cool-content-on-the-left
---

iframe

Affiche une page Web comme contenu principal de la page.

Usage

---
layout: iframe

# la source de la page Web
url: https://github.com/slidevjs/slidev
---

intro

Pour introduire la présentation, habituellement avec le titre de présentation, une courte description, l'auteur, etc.

none

Une mise en page sans style existant.

quote

Pour afficher une citation avec proéminence.

section

Utilisé pour marquer le début d'une nouvelle section de présentation.

statement

Faire une affirmation/déclaration comme contenu de la page principale.

two-cols

Séparer le contenu de la page en deux colonnes.

Usage

---
layout: two-cols
---

# Left

Cela apparait sur la gauche

::right::

# Right

Cela apparait sur la droite

Mises en page customisées

Créer un répertoire layouts/ sous la racine de votre projet, et placez simplement vos composants Vue personnalisés sous celui-ci.

Pour en savoir plus, consultez la section Customisation.

Mises en page fournies par thème

Les thèmes peuvent fournir des mises en page ou remplacer celles existantes. Veuillez lire leurs documentations pour découvrir ce qu'ils fournissent.