40 lines
772 B
Vue
40 lines
772 B
Vue
<template>
|
|
|
|
<div class="app">
|
|
<topbar></topbar>
|
|
<sidebar :items="navigationItems"></sidebar>
|
|
|
|
<div class="content_area">
|
|
<div class="content_main">
|
|
<transition name="component-fade" mode="out-in">
|
|
<router-view></router-view>
|
|
</transition>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="less">
|
|
@import "app";
|
|
</style>
|
|
|
|
<script>
|
|
import Topbar from './components/topbar.vue';
|
|
import Sidebar from './components/sidebar.vue';
|
|
|
|
export default {
|
|
name: "App",
|
|
components: {
|
|
Topbar,
|
|
Sidebar
|
|
},
|
|
data() {
|
|
return {
|
|
navigationItems: this.$store.state.navigation
|
|
}
|
|
},
|
|
created() {
|
|
}
|
|
}
|
|
</script>
|