40 lines
987 B
Vue
40 lines
987 B
Vue
|
<script setup lang="ts">
|
||
|
|
import 'animate.css'
|
||
|
|
import { onBeforeMount } from 'vue'
|
||
|
|
// 导入设置面板 store
|
||
|
|
import { useKUNGalgameSettingsStore } from '@/store/modules/settings'
|
||
|
|
import { storeToRefs } from 'pinia'
|
||
|
|
|
||
|
|
// 使用设置面板的 store
|
||
|
|
const settingsStore = useKUNGalgameSettingsStore()
|
||
|
|
const { showKUNGalgameMode } = storeToRefs(settingsStore)
|
||
|
|
|
||
|
|
// 必须在这里调用生命周期函数，初始化主题
|
||
|
|
onBeforeMount(() => {
|
||
|
|
const theme = showKUNGalgameMode.value
|
||
|
|
|
||
|
|
// 恢复保存的主题状态
|
||
|
|
if (theme) {
|
||
|
|
document.documentElement.className = theme
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
import { currBackground } from '@/hooks/useBackgroundPicture'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="app" :style="{ backgroundImage: currBackground }">
|
||
|
|
<RouterView />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.app {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-size: cover;
|
||
|
|
background-attachment: fixed;
|
||
|
|
background-color: var(--kungalgame-white);
|
||
|
|
}
|
||
|
|
</style>
|