<template>
|
<div id="app">
|
<nav>
|
<!-- <router-link to="/">Login</router-link> | -->
|
</nav>
|
<router-view/>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "App",
|
watch: {
|
$route(to) {
|
// console.log("path")
|
// console.log(to.path)
|
// console.log(to.path !== "/login" && to.path !== "/index")
|
if (to.path !== "/login" && to.path !== "/") {
|
let obj = {
|
name: to.path,
|
title: to.meta.title,
|
}
|
this.$store.commit("addTab", obj);
|
}
|
}
|
},
|
}
|
</script>
|
<style lang="scss">
|
#app {
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
color: #2c3e50;
|
}
|
.el-tabs {
|
}
|
.el-tabs__nav-scroll{
|
height: 39px;
|
}
|
|
body{
|
margin:0;
|
padding:0;
|
border:0;
|
overflow: auto;
|
}
|
|
.view {
|
min-height: 400px;
|
}
|
/** 操作的class */
|
.topLevel1 {
|
position: absolute; left: 15px; top:55px; z-index: 5
|
}
|
.topLevel2 {
|
position: absolute; left: 15px; top:115px; z-index: 5
|
}
|
.topLevel3 {
|
position: absolute; left: 15px; top:175px; z-index: 5
|
}
|
.topDefault {
|
position: absolute; left: 15px; top:10px; z-index: 5
|
}
|
|
/** 分页的class */
|
.pageTopLevel1 {
|
position: absolute; right: 15px; top:55px; z-index: 5
|
}
|
.pageTopLevel2 {
|
position: absolute; right: 15px; top:115px; z-index: 5
|
}
|
.pageTopLevel3 {
|
position: absolute; right: 15px; top:175px; z-index: 5
|
}
|
.pageTopDefault {
|
position: absolute; right: 15px; top:10px; z-index: 5
|
}
|
|
/** table的class */
|
.tableTopLevelDefault {
|
width: 100%;margin-bottom: 20px;margin-top: 30px;
|
}
|
.tableTopLevel1 {
|
width: 100%;margin-bottom: 20px;margin-top: 30px;
|
}
|
.tableTopLevel2 {
|
width: 100%;margin-bottom: 20px;margin-top: 60px;
|
}
|
.tableTopLevel3 {
|
width: 100%;margin-bottom: 20px;margin-top: 90px;
|
}
|
</style>
|
