From cc68c8e5f5b6dc17ce03b74ffb8933efe632c54d Mon Sep 17 00:00:00 2001 From: mg <maokecheng@163.com> Date: 星期四, 03 十一月 2022 11:05:22 +0800 Subject: [PATCH] 页面导航和点位管理 --- src/views/layout/components/Main/index.vue | 32 +++++++++++++++++++++++++++++++- 1 files changed, 31 insertions(+), 1 deletions(-) diff --git a/src/views/layout/components/Main/index.vue b/src/views/layout/components/Main/index.vue index 1bf7ce1..666f922 100644 --- a/src/views/layout/components/Main/index.vue +++ b/src/views/layout/components/Main/index.vue @@ -2,7 +2,26 @@ <el-main> <!-- <NavBar /> --> <div class="content"> - <router-view></router-view> + <!-- 椤甸潰瀵艰埅鍖哄煙 --> + <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> @@ -17,6 +36,16 @@ components: { // MyFooter, NavBar + }, + data() { + return { + navFlag:true + } + }, + watch:{ + '$route.path'(newPath,oldPath){ + newPath === '/home' ? this.navFlag = true : this.navFlag = false + } } }; </script> @@ -26,6 +55,7 @@ padding: 0; .content { padding: 11px; + height: 100%; } } </style> -- Gitblit v1.8.0