From c6a7e5260de30238de5e20d354387093b3e3a031 Mon Sep 17 00:00:00 2001
From: sundongyu <2811054731@qq.com>
Date: Mon, 22 Apr 2024 16:34:56 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=E5=AE=8C=E6=88=90=E4=BA=86lay?=
 =?UTF-8?q?out=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                            |  1 -
 src/layout/components/AsideIndex.vue   |  4 ++--
 src/layout/components/ContentIndex.vue |  2 ++
 src/layout/index.vue                   | 18 +++++++-----------
 4 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0c672bc..54ed29a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,4 @@
 <template>
-  <RouterView />
   <div id="app">
     <router-view />
   </div>
diff --git a/src/layout/components/AsideIndex.vue b/src/layout/components/AsideIndex.vue
index 247506b..75e1f31 100644
--- a/src/layout/components/AsideIndex.vue
+++ b/src/layout/components/AsideIndex.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-aside style="border-top: 1px solid var(--component-border); height: 100vh">
+  <div style="height: 100vh">
     <t-menu
       v-model:expanded="expanded"
       theme="light"
@@ -60,7 +60,7 @@
         </t-button>
       </template>
     </t-menu>
-  </t-aside>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/layout/components/ContentIndex.vue b/src/layout/components/ContentIndex.vue
index 3f605ab..d25370c 100644
--- a/src/layout/components/ContentIndex.vue
+++ b/src/layout/components/ContentIndex.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <t-layout>
+      <t-header><HeaderIndex /></t-header>
       <t-content><RouterView /></t-content>
       <t-footer>Footer</t-footer>
     </t-layout>
@@ -9,6 +10,7 @@
 
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
+import HeaderIndex from '@/layout/components/HeaderIndex.vue'
 </script>
 
 <style lang="less" scoped></style>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index b5d18bb..c8753c9 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,25 +1,21 @@
 <template>
-  <div class="box">
+  <t-layout>
+    <AsideIndex />
     <t-layout>
-      <t-aside><AsideIndex /></t-aside>
-      <t-layout>
-        <t-header><HeaderIndex /></t-header>
-        <t-content><ContentIndex /></t-content>
-        <!-- <t-footer>Footer</t-footer> -->
-      </t-layout>
+      <t-content><ContentIndex /></t-content>
     </t-layout>
-  </div>
+  </t-layout>
 </template>
 
 <script setup lang="ts">
 import AsideIndex from '@/layout/components/AsideIndex.vue'
-import HeaderIndex from './components/HeaderIndex.vue'
+
 import ContentIndex from './components/ContentIndex.vue'
 </script>
 
 <style lang="less" scoped>
-.box {
-  display: flex;
+.t-layout {
+  flex-direction: row;
 }
 </style>