dev
e 3 years ago
parent 98e5f4e323
commit 6abfe7a4c3
  1. 6
      src/components/common/Header.vue
  2. 21
      src/components/common/Home.vue

@ -1,7 +1,7 @@
<template>
<div class="header flex-between">
<div class="logo">
<img src="../../assets/img/logo.png">
<img class="cursor" @click="goHome" src="../../assets/img/logo.png">
</div>
<div class="header-right">
<div class="header-user-con">
@ -18,7 +18,6 @@
</div>
</template>
<script>
import bus from '../common/bus';
export default {
data() {
return {
@ -39,6 +38,9 @@ export default {
loginout() {
localStorage.removeItem('ms_username');
this.$router.push('/login');
},
goHome(){
this.$router.push('/dashboard')
}
},
};

@ -2,11 +2,10 @@
<div class="wrapper">
<v-head></v-head>
<v-sidebar></v-sidebar>
<div class="content-box" :class="{'content-collapse':collapse}">
<!-- <v-tags></v-tags> -->
<div class="content-box" >
<div class="content">
<transition name="move" mode="out-in">
<keep-alive :include="tagsList">
<keep-alive>
<router-view></router-view>
</keep-alive>
</transition>
@ -19,33 +18,17 @@
<script>
import vHead from './Header.vue';
import vSidebar from './Sidebar.vue';
import vTags from './Tags.vue';
import bus from './bus';
export default {
data() {
return {
tagsList: [],
collapse: false
};
},
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>

Loading…
Cancel
Save