gocron/web/vue/src/App.vue

71 lines
1.2 KiB
Vue

<template>
<el-container>
<el-header>
<app-header></app-header>
<app-nav-menu></app-nav-menu>
</el-header>
<el-main >
<div id="main-container" v-cloak>
<router-view/>
</div>
</el-main>
<el-footer>
<app-footer></app-footer>
</el-footer>
</el-container>
</template>
<script>
import installService from './api/install'
import appHeader from './components/common/header.vue'
import appNavMenu from './components/common/navMenu.vue'
import appFooter from './components/common/footer.vue'
export default {
name: 'App',
data () {
return {}
},
created () {
installService.status((data) => {
if (!data) {
this.$router.push('/install')
}
})
},
components: {
appHeader,
appNavMenu,
appFooter
}
}
</script>
<style>
[v-cloak] {
display: none !important;
}
body {
margin:0;
}
.el-header {
padding:0;
margin:0;
}
.el-container {
padding:0;
margin:0;
width: 100%;
}
.el-main {
padding:0;
margin:0;
}
#main-container .el-main {
height: calc(100vh - 116px);
margin:20px 20px 0 20px;
}
.el-aside .el-menu {
height: 100%;
}
</style>