Agriculture-front-end/src/App.vue

<template>
    <VScaleScreen width="100%" height="100%">
        <div class="center">
            <Headers />
            <router-view />
        </div>
    </VScaleScreen>
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings';
import { handleThemeStyle } from '@/utils/theme';
import VScaleScreen from 'v-scale-screen';
import Headers from '@/components/heades/index';

onMounted(() => {
    nextTick(() => {
        // 初始化主题样式
        handleThemeStyle(useSettingsStore().theme);
    });
});
</script>
<style lang="scss" scoped>
.center {
    width: 100%;
    height: 100%;
}
</style>