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

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

Loading…
Cancel
Save