Files
crawlab/frontend/src/views/layout/components/AppMain.vue
2020-01-15 17:44:11 +08:00

30 lines
588 B
Vue

<template>
<section class="app-main">
<transition name="fade-transform" mode="out-in">
<!-- or name="fade" -->
<router-view :key="key"></router-view>
<!--<router-view/>-->
</transition>
</section>
</template>
<script>
export default {
name: 'AppMain',
computed: {
key () {
return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
}
}
}
</script>
<style scoped>
.app-main {
/*50 = navbar */
min-height: calc(100vh - 100px);
position: relative;
overflow: hidden;
}
</style>