mirror of
https://github.com/ZeroCatDev/Classworks.git
synced 2025-12-08 22:03:09 +00:00
61 lines
1.2 KiB
Vue
61 lines
1.2 KiB
Vue
<template>
|
|
<v-app>
|
|
<!-- 正常路由 -->
|
|
<router-view v-slot="{ Component, route }">
|
|
<transition
|
|
mode="out-in"
|
|
name="md3"
|
|
>
|
|
<component
|
|
:is="Component"
|
|
:key="route.path"
|
|
/>
|
|
</transition>
|
|
</router-view>
|
|
<global-message/>
|
|
<rate-limit-modal/>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {onMounted} from "vue";
|
|
import {useTheme} from "vuetify";
|
|
import {getSetting} from "@/utils/settings";
|
|
import RateLimitModal from "@/components/RateLimitModal.vue";
|
|
import Clarity from "@microsoft/clarity";
|
|
|
|
const theme = useTheme();
|
|
|
|
onMounted(() => {
|
|
// 应用保存的主题设置
|
|
const savedTheme = getSetting("theme.mode");
|
|
theme.global.name.value = savedTheme;
|
|
|
|
// Clarity 标识（保留在 App 层）
|
|
Clarity.identify(
|
|
getSetting("device.uuid"),
|
|
getSetting("server.domain"),
|
|
getSetting("server.provider"),
|
|
getSetting("server.classNumber")
|
|
);
|
|
});
|
|
|
|
</script>
|
|
<style>
|
|
.md3-enter-active,
|
|
.md3-leave-active {
|
|
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
|
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.md3-enter-from {
|
|
opacity: 0;
|
|
transform: translateX(0.5vw);
|
|
}
|
|
|
|
.md3-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(-0.5vw);
|
|
}
|
|
</style>
|