Files
dataease/frontend/src/layout/components/AppMain.vue
2022-09-22 09:48:14 +08:00

47 lines
883 B
Vue

<template>
<section class="app-main">
<transition name="fade-transform" mode="out-in">
<el-main class="ms-main-container">
<keep-alive>
<router-view v-if="['/dataset/index', '/system/system-settings/appearance'].includes(key)"></router-view>
</keep-alive>
<router-view v-if="!['/dataset/index', '/system/system-settings/appearance'].includes(key)"></router-view>
</el-main>
</transition>
</section>
</template>
<script>
export default {
name: 'AppMain',
computed: {
key() {
return this.$route.path
}
}
}
</script>
<style lang="scss" scoped>
.app-main {
height: 100%;
}
.fixed-header + .app-main {
padding-top: 50px;
}
.ms-main-container {
height: 100%;
padding: 0 !important;
}
</style>
<style lang="scss">
.el-popup-parent--hidden {
.fixed-header {
padding-right: 15px;
}
}
</style>