From 81f92eb9fb83ed5d8ac0b0a5c206315416f10df0 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期四, 04 七月 2024 10:14:06 +0800
Subject: [PATCH] 系统更新
---
src/App.vue | 67 ++++++++++++++++++++++++++++-----
1 files changed, 56 insertions(+), 11 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 22e8188..28ee1f1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,73 @@
<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%;
+ padding: 39px 40px 39px 0px !important;
+
+ position: absolute;
+}
+.leftMenu {
+ width: 62px !important;
+ height: 100%;
+}
+.contMain {
+ width: calc(100% - 62px);
+ height: 100%;
+ padding: 0px !important;
+ border-radius:5px !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