Agriculture-front-end/src/App.vue

<template>

        <div class="center">
            <Headers />
            <navbar v-if="Route.path!=='/login'" @setLayout="setLayout" />
            <router-view />
            <settings ref="settingRef" />
        </div>

</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';
import { AppMain, Navbar, Settings, TagsView } from '@/layout/components'
import { useRoute } from 'vue-router';
const Route = useRoute();
onMounted(() => {
    nextTick(() => {
        // 初始化主题样式
        handleThemeStyle(useSettingsStore().theme);
    });
});
const settingRef = ref(null);
function setLayout() {
  settingRef.value.openSetting();
}
</script>
<style lang="scss" scoped>
.center {
    width: 100%;
    height: 100%;
}
</style>