Components
Ενσωματωμένα Components
Οι οδηγίες χρήσης αυτής της ενότητας βρίσκονται ακόμη σε εξέλιξη. Πριν από αυτό, μπορείτε να ρίξετε απευθείας μία ματιά στον πηγαίο κώδικα.
Toc
Εισαγωγή πίνακα περιεχομένων (TOC).
Αν θέλετε μια διαφάνεια να μην εμφανίζεται στο στοιχείο <Toc>
, μπορείτε να χρησιμοποιήσετε στο μπλοκ front matter της διαφάνειας:
---
hideInToc: true
---
Οι τίτλοι εμφανίζονται χρησιμοποιώντας το στοιχείο <Titles>
Χρήση
<Toc />
Παράμετροι:
columns
(string | number
, προεπιλογή:1
): Ο αριθμός των στηλών της απεικόνισηςlistClass
(string | string[]
, προεπιλογή:''
): Κλάσεις που εφαρμόζονται στον πίνακα περιεχομένωνmaxDepth
(string | number
, προεπιλογή:Infinity
): Το μέγιστο επίπεδο βάθους του τίτλου που θα εμφανιστείminDepth
(string | number
, προεπιλογή:1
): Το ελάχιστο επίπεδο βάθους του τίτλου που θα εμφανιστείmode
('all' | 'onlyCurrentTree'| 'onlySiblings'
, προεπιλογή:'all'
):'all'
: Εμφάνιση όλων των στοιχείων'onlyCurrentTree'
: Εμφάνιση μόνο των στοιχείων που βρίσκονται στο τρέχον δέντρο (ενεργό στοιχείο, γονείς και παιδιά του ενεργού στοιχείου)'onlySiblings'
: Εμφάνιση μόνο των στοιχείων που βρίσκονται στο τρέχον δέντρο και των άμεσων αδελφών τους
Link
Εισάγετε έναν σύνδεσμο που μπορείτε να χρησιμοποιήσετε για να πλοηγηθείτε σε μια συγκεκριμένη διαφάνεια.
Χρήση
<Link to="42">Πηγαίνετε στη διαφάνεια 42</Link>
<Link to="42" title="Πηγαίνετε στη διαφάνεια 42"/>
Παράμετροι:
to
(string | number
): Το path της διαφάνειας στην οποία θέλετε να πλοηγηθείτε (οι διαφάνειες ξεκινούν από το1
)title
(string
): Ο τίτλος που θα εμφανιστεί
Titles
Εισάγετε τον κύριο τίτλο από μια διαφάνεια που επεξεργάζεται ως HTML.
Οι τίτλοι και τα επίπεδα τίτλων ανακτώνται αυτόματα από το πρώτο στοιχείο τίτλου κάθε διαφάνειας.
Μπορείτε να παρακάμψετε αυτή την αυτόματη συμπεριφορά για μια διαφάνεια χρησιμοποιώντας τη σύνταξη front matter:
---
title: Καταπληκτικός τίτλος διαφάνειας
level: 2
---
Χρήση
Το στοιχείο <Titles>
είναι ένα εικονικό στοιχείο που μπορείτε να εισαγάγετε με:
import Titles from '/@slidev/titles.md'
Στη συνέχεια, μπορείτε να το χρησιμοποιήσετε με:
<Titles no="42" />
Παράμετροι:
no
(string | number
): Ο αριθμός της διαφάνειας από την οποία θα εμφανιστεί ο τίτλος (οι διαφάνειες ξεκινούν από το1
)
Προσαρμοσμένα Components
Δημιουργήστε ένα φάκελο components/
στη ρίζα του έργου σας, και απλά βάλτε τα προσαρμοσμένα Vue components σας σε αυτόν, στη συνέχεια μπορείτε να το χρησιμοποιήσετε με το ίδιο όνομα στο αρχείο markdown σας!
Διαβάστε περισσότερα στην ενότητα Προσαρμογές.
Components που παρέχονται από το θέμα
Τα θέματα επίσης μπορούν να παρέχουν components. Παρακαλούμε διαβάστε τις οδηγίες χρήσης τους για ό,τι προσφέρουν.
Δείτε περισσότερα στην ενότητα δομή φακέλου.