2021-08-26 11:25:15 +08:00
|
|
|
<template>
|
2021-12-10 03:05:49 +08:00
|
|
|
<router-view :class="[mode]" />
|
2021-08-26 11:25:15 +08:00
|
|
|
</template>
|
2022-02-16 19:56:36 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
import { computed, onMounted } from 'vue';
|
2021-12-31 12:16:26 +08:00
|
|
|
import config from '@/config/style';
|
2022-02-28 18:28:14 +08:00
|
|
|
import { useSettingStore } from '@/store';
|
2021-12-10 03:05:49 +08:00
|
|
|
|
2022-02-28 18:28:14 +08:00
|
|
|
const store = useSettingStore();
|
2021-12-10 03:05:49 +08:00
|
|
|
|
2022-02-16 19:56:36 +08:00
|
|
|
const mode = computed(() => {
|
2022-02-28 18:28:14 +08:00
|
|
|
return store.displayMode;
|
2022-02-16 19:56:36 +08:00
|
|
|
});
|
2021-12-10 03:05:49 +08:00
|
|
|
|
2022-02-16 19:56:36 +08:00
|
|
|
onMounted(() => {
|
2022-02-28 18:28:14 +08:00
|
|
|
store.updateConfig({ ...config });
|
2021-12-10 03:05:49 +08:00
|
|
|
});
|
|
|
|
</script>
|
2022-04-30 23:16:41 +08:00
|
|
|
<style lang="less" scoped>
|
2021-12-12 15:46:02 +08:00
|
|
|
@import '@/style/variables.less';
|
|
|
|
|
|
|
|
#nprogress .bar {
|
2022-06-30 19:08:21 +08:00
|
|
|
background: var(--td-brand-color) !important;
|
2021-12-12 15:46:02 +08:00
|
|
|
}
|
|
|
|
</style>
|