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.