From 7acf7ad6948e3e952173a2551ea4a92a8ff56c35 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期四, 06 六月 2024 19:36:48 +0800
Subject: [PATCH] 1
---
src/App.vue | 64 ++++++++++++++++++++++++++-----
1 files changed, 53 insertions(+), 11 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 22e8188..49dfd4c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,70 @@
<template>
<div id="app">
- <home-page></home-page>
+ <el-container class="container">
+ <el-aside class="leftMenu">
+ <left-menu></left-menu>
+ </el-aside>
+ <el-main class="contMain">
+ <el-container class="contBox">
+ <el-header class="header">
+ <menu-header></menu-header>
+ </el-header>
+ <el-main class="mainBox">
+ <router-view />
+ </el-main>
+ </el-container>
+ </el-main>
+ </el-container>
</div>
</template>
<script>
-import homePage from './views/homePage/index.vue'
+import leftMenu from "./views/menu/leftMenu.vue";
+import menuHeader from "./views/header/header.vue";
export default {
- components:{
- homePage
+ components: {
+ leftMenu,
+ menuHeader
},
data() {
- return {
- }
+ return {};
},
- methods: {
- }
-
-}
+ methods: {}
+};
</script>
-<style >
+<style>
#app {
width: 100vw;
height: 100vh;
overflow: hidden;
}
+.container {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+}
+.leftMenu {
+ width: 62px !important;
+ height: 100%;
+}
+.contMain {
+ width: calc(100% - 62px);
+ height: 100%;
+ padding: 0px !important;
+}
+.contBox {
+ width: 100%;
+ height: 100%;
+}
+.header {
+ width: 100%;
+ height: 36px !important;
+
+ padding: 0px !important;
+}
+.mainBox {
+ width: 100%;
+ height: calc(100% - 36px) !important;
+ padding: 0px !important;
+}
</style>
--
Gitblit v1.9.3