From 17792a8900da5a2dbdc32c1dd865a92c027a1ca6 Mon Sep 17 00:00:00 2001
From: ColorWhiteDeveloper <2632970487@qq.com>
Date: 星期一, 19 九月 2022 11:02:50 +0800
Subject: [PATCH] 系统框架重新搭建
---
src/views/layout/index.vue | 44 ++++++++++++++++++++++++++------------------
1 files changed, 26 insertions(+), 18 deletions(-)
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index 44b4ff0..0fd3103 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -1,42 +1,50 @@
<template>
<el-container id="body-wrapper">
- <!-- 渚ц竟瀵艰埅鏍� -->
- <SiderBar/>
- <el-container>
- <!-- 澶撮儴 -->
- <Header/>
- <!-- 鍐呭鍖哄煙 -->
- <Main/>
+ <!-- 澶撮儴 -->
+ <Header />
+ <el-container class="my-el-content">
+ <!-- 渚ц竟瀵艰埅鏍� -->
+ <Menu />
+ <AsideBar />
+ <el-container class="my-el-container">
+ <!-- 鍐呭鍖哄煙 -->
+ <Main />
+ </el-container>
</el-container>
</el-container>
</template>
<script>
import Main from "./components/Main";
-import NavBar from "./components/NavBar";
-import SiderBar from "./components/SiderBar";
+import Menu from "./components/Menu";
import Header from "./components/Header";
-
+import AsideBar from "./components/AsideBar"
export default {
name: "layout",
components: {
- NavBar,
- SiderBar,
+ Menu,
Main,
- Header
+ Header,
+ AsideBar
},
};
</script>
<style lang="scss" scoped>
-#body-wrapper{
+#body-wrapper {
width: 100vw;
height: 100vh;
- display: flex;
- .el-container{
- flex-direction: column;
- }
}
+
+.my-el-content {
+ margin-top: 60px;
+}
+
+.my-el-container {
+ display: flex;
+ flex-direction: column;
+}
+
.el-main {
background-color: #f0f2f5;
color: #333;
--
Gitblit v1.8.0