81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
<template>
|
||
<div class="wrapper">
|
||
<v-head></v-head>
|
||
<!-- <v-sidebar></v-sidebar> -->
|
||
<div class="content-box_l">
|
||
<!-- <v-tags></v-tags> -->
|
||
<div class="content content_l">
|
||
<div>
|
||
<transition name="move" mode="out-in">
|
||
<keep-alive :include="tagsList">
|
||
<router-view></router-view>
|
||
</keep-alive>
|
||
</transition>
|
||
<el-backtop target=".content"></el-backtop>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import vHead from './Lead.vue';
|
||
// import vSidebar from './Sidebar.vue';
|
||
// import vTags from './Tags.vue';
|
||
// import bus from './bus';
|
||
export default {
|
||
data() {
|
||
return {
|
||
tagsList: []
|
||
};
|
||
},
|
||
components: {
|
||
vHead,
|
||
// vSidebar,
|
||
// vTags
|
||
},
|
||
created() {
|
||
// bus.$on('collapse-content', msg => {
|
||
// this.collapse = msg;
|
||
// });
|
||
|
||
// // 只有在标签页列表里的页面才使用keep-alive，即关闭标签之后就不保存到内存中了。
|
||
// bus.$on('tags', msg => {
|
||
// let arr = [];
|
||
// for (let i = 0, len = msg.length; i < len; i++) {
|
||
// msg[i].name && arr.push(msg[i].name);
|
||
// }
|
||
// this.tagsList = arr;
|
||
// });
|
||
}
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
.wrapper {
|
||
/* width: 1280px;
|
||
margin: 0 auto; */
|
||
background: #f8f8f8;
|
||
}
|
||
|
||
.content-box_l {
|
||
margin-top: 0;
|
||
padding-bottom: 30px;
|
||
transition: left .3s ease-in-out;
|
||
background: #f8f8f8;
|
||
padding-top: 100px;
|
||
}
|
||
|
||
.content_l {
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.content_l>div{
|
||
width: 1280px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
</style>
|