新增页面导航区域

“dzb”

2022-11-03 1d81702468678e5b2e46916a4369429fdb1d8b4b

 src/views/layout/components/Main/index.vue

@@ -1,22 +1,34 @@
<template>
  <el-main>
    <NavBar />
    <!-- <NavBar /> -->
    <div class="content">
      <router-view></router-view>
      <!-- 页面导航区域 -->
      <div class="page-nav" v-if="navFlag"></div>
      <router-view v-else></router-view>
      <!-- 底部区域 -->
      <MyFooter/>
      <!-- <MyFooter/> -->
    </div>
  </el-main>
</template>

<script>
import MyFooter from "../Footer"
// import MyFooter from "../Footer"
import NavBar from "../NavBar"
export default {
  name: "Main",
  components: {
    MyFooter,
    // MyFooter,
    NavBar
  },
  data() {
    return {
      navFlag:true
    }
  },
  watch:{
    '$route.path'(newPath,oldPath){
      newPath === '/home' ? this.navFlag = true : this.navFlag = false
    }
  }
};
</script>
@@ -25,8 +37,8 @@
  min-width: 1024px;
  padding: 0;
  .content {
    background-color: #f0f2f5;
    padding: 11px;
    height: 100%;
  }
}
</style>