57 lines
1013 B
Vue
57 lines
1013 B
Vue
<template>
|
|
<div>
|
|
<div class="">
|
|
<slot/>
|
|
<!-- <NuxtPage />-->
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
useHead({
|
|
title:'MindBoost',
|
|
link:[
|
|
{
|
|
href:'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css',
|
|
rel:'stylesheet',
|
|
},
|
|
// { rel: 'stylesheet', href: '../assets/css/style.css' },
|
|
],
|
|
script:[
|
|
{
|
|
src:'https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js',
|
|
},
|
|
{
|
|
src:'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js',
|
|
}
|
|
]
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
<style>
|
|
.slide-left-enter-active,
|
|
.slide-left-leave-active,
|
|
.slide-right-enter-active,
|
|
.slide-right-leave-active {
|
|
transition: all 0.2s;
|
|
}
|
|
.slide-left-enter-from {
|
|
opacity: 0;
|
|
transform: translate(50px, 0);
|
|
}
|
|
.slide-left-leave-to {
|
|
opacity: 0;
|
|
transform: translate(-50px, 0);
|
|
}
|
|
.slide-right-enter-from {
|
|
opacity: 0;
|
|
transform: translate(-50px, 0);
|
|
}
|
|
.slide-right-leave-to {
|
|
opacity: 0;
|
|
transform: translate(50px, 0);
|
|
}
|
|
</style> |