From 376c0dc313c8e0426a7951bdfaf4736e882dcf93 Mon Sep 17 00:00:00 2001
From: mg <maokecheng@163.com>
Date: 星期四, 03 十一月 2022 11:02:45 +0800
Subject: [PATCH] 页面导航和点位管理
---
src/views/layout/components/Main/index.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 51 insertions(+), 5 deletions(-)
diff --git a/src/views/layout/components/Main/index.vue b/src/views/layout/components/Main/index.vue
index e7674a4..05ecba5 100644
--- a/src/views/layout/components/Main/index.vue
+++ b/src/views/layout/components/Main/index.vue
@@ -1,15 +1,61 @@
<template>
<el-main>
- <router-view></router-view>
+ <!-- <NavBar /> -->
+ <div class="content">
+ <!-- 椤甸潰瀵艰埅鍖哄煙 -->
+ <div class="page-nav" v-if="navFlag">
+ <div>
+ <h1>绯荤粺璁剧疆</h1>
+ <div>
+ <span >鍩烘湰璁剧疆</span>
+ <span >闂ㄦ埛璁剧疆</span>
+ </div>
+ <div>
+ <span >璁惧绠$悊</span>
+ <span>鎺ュ叆绠$悊</span>
+ </div>
+
+
+ </div>
+ <div>杩愯惀绠$悊</div>
+ <div>瑙嗛宸℃煡</div>
+ <div>鏅鸿兘宸℃煡</div>
+ </div>
+ <router-view v-else></router-view>
+ <!-- 搴曢儴鍖哄煙 -->
+ <!-- <MyFooter/> -->
+ </div>
</el-main>
</template>
<script>
-// import NavBar from "../NavBar"
+// import MyFooter from "../Footer"
+import NavBar from "../NavBar"
export default {
name: "Main",
- components:{
- // NavBar
+ components: {
+ // MyFooter,
+ NavBar
+ },
+ data() {
+ return {
+ navFlag:true
+ }
+ },
+ watch:{
+ '$route.path'(newPath,oldPath){
+ newPath === '/home' ? this.navFlag = true : this.navFlag = false
+ }
}
};
-</script>
\ No newline at end of file
+</script>
+<style lang="scss">
+.el-main {
+ min-width: 1024px;
+ padding: 0;
+ .content {
+ padding: 11px;
+ height: 100%;
+ }
+}
+</style>
--
Gitblit v1.8.0