Setting the file. One moment.
Subchapter 7.37
references/layout-global-layers.mdMarkdown1 KBView on GitHub
Create in project root:
global-top.vue - Above all slides (single instance)global-bottom.vue - Below all slides (single instance)slide-top.vue - Above each slide (per-slide instance)slide-bottom.vue - Below each slide (per-slide instance)custom-nav-controls.vue - Custom navigation controls<!-- global-bottom.vue -->
<template>
<footer class="absolute bottom-0 left-0 right-0 p-2">Your Name</footer>
</template><!-- Hide on cover layout -->
<template>
<footer v-if="$nav.currentLayout !== 'cover'" class="absolute bottom-0 p-2">
{{ $nav.currentPage }} / {{ $nav.total }}
</footer>
</template>Use --per-slide export option when global layers depend on navigation state.