46 lines
992 B
Vue
46 lines
992 B
Vue
<script setup>
|
|
import { ref, onMounted } from "vue";
|
|
import { RouterView } from "vue-router";
|
|
import Header from "./components/header.vue";
|
|
// import userUserStore from "@/store/user";
|
|
// const userStore = userUserStore();
|
|
|
|
// onMounted(() => {
|
|
// userStore.getUserInfo();
|
|
// });
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="common-layout">
|
|
<el-container style="height: 100vh">
|
|
<el-container>
|
|
<el-header>
|
|
<Header />
|
|
</el-header>
|
|
<el-main>
|
|
<el-scrollbar>
|
|
<router-view v-slot="{ Component }">
|
|
<transition name="slide-fade" mode="out-in">
|
|
<component :is="Component" />
|
|
</transition>
|
|
</router-view>
|
|
</el-scrollbar>
|
|
</el-main>
|
|
</el-container>
|
|
</el-container>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="less" scoped>
|
|
.common-layout {
|
|
height: 100vh;
|
|
background-color: var(--theme-color);
|
|
color: #fff;
|
|
|
|
:deep(.el-header) {
|
|
height: 75px;
|
|
}
|
|
}
|
|
</style>
|