Files
vtj/dev/src/App.vue
陈华春 de2454a354 dev工程
2023-11-17 15:11:10 +08:00

42 lines
903 B
Vue

<template>
<el-config-provider :locale="zhCn">
<Suspense v-if="route.query.preview || route.path.includes('/ui/mask')">
<router-view></router-view>
</Suspense>
<div v-else class="app">
<Sidebar class="sidebar"></Sidebar>
<div class="main">
<Suspense>
<router-view></router-view>
</Suspense>
</div>
</div>
</el-config-provider>
</template>
<script lang="ts" setup>
import { ElConfigProvider } from 'element-plus';
import Sidebar from '@/components/Sidebar.vue';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import { useRoute } from 'vue-router';
const route = useRoute();
</script>
<style lang="scss" scoped>
.app {
display: flex;
height: 100%;
}
.sidebar {
width: 200px;
flex-shrink: 0;
}
.main {
flex-grow: 1;
height: 100%;
padding: 10px;
overflow: auto;
}
</style>