mirror of
https://github.com/WGDashboard/WGDashboard.git
synced 2026-08-03 22:42:59 +00:00
Donald Zou
31 lines
697 B
Vue
31 lines
697 B
Vue
<script setup>
|
|
import './assets/main.css'
|
|
import NotificationList from "@/components/notification/notificationList.vue";
|
|
</script>
|
|
|
|
<template>
|
|
<div data-bs-theme="dark" class="text-body bg-body w-100 h-100">
|
|
<Suspense>
|
|
<RouterView v-slot="{ Component }">
|
|
<Transition name="app" mode="out-in" type="transition" appear>
|
|
<Component :is="Component"></Component>
|
|
</Transition>
|
|
</RouterView>
|
|
</Suspense>
|
|
<NotificationList></NotificationList>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.app-enter-active,
|
|
.app-leave-active {
|
|
transition: all 0.5s cubic-bezier(0.82, 0.58, 0.17, 1);
|
|
}
|
|
.app-enter-from,
|
|
.app-leave-to{
|
|
opacity: 0;
|
|
filter: blur(5px);
|
|
transform: scale(0.95);
|
|
}
|
|
</style>
|