From 5bbdc2dd07a05c9953df1a9125dd9cb894212c08 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期三, 05 六月 2024 20:21:18 +0800
Subject: [PATCH] 代码更新
---
src/App.vue | 61 +++++++++++++++++++++++++-----
1 files changed, 50 insertions(+), 11 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 22e8188..e819320 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,67 @@
<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">
+
+ </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'
export default {
- components:{
- homePage
+ components: {
+ leftMenu
},
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;
+ background: #63a103;
+}
+.mainBox {
+ width: 100%;
+ height: calc(100% - 36px) !important;
+ padding: 0px !important;
+}
</style>
--
Gitblit v1.9.3