2024-04-21 16:08:59 +08:00
|
|
|
<template>
|
2024-05-07 13:43:59 +08:00
|
|
|
<Transition :name="transitionPage" mode="out-in" appear>
|
2024-04-21 16:08:59 +08:00
|
|
|
<!-- 向内传递插槽内容 -->
|
|
|
|
|
<slot></slot>
|
|
|
|
|
</Transition>
|
|
|
|
|
</template>
|
|
|
|
|
|
2024-05-06 18:59:04 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { storeToRefs } from "pinia";
|
|
|
|
|
import { useThemeConfig } from "@/store/modules/theme-config";
|
2024-04-21 16:08:59 +08:00
|
|
|
|
2024-05-06 18:59:04 +08:00
|
|
|
const themeStore = useThemeConfig();
|
|
|
|
|
const { transitionPage } = storeToRefs(themeStore);
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped></style>
|
