✨ feat:完成了layout布局

src/App.vue

@@ -1,5 +1,4 @@
 <template>
-  <RouterView />
   <div id="app">
     <router-view />
   </div>

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">

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>

src/layout/index.vue

@@ -1,25 +1,21 @@
 <template>
-  <div class="box">
+  <t-layout>
+    <AsideIndex />
     <t-layout>
-      <t-aside><AsideIndex /></t-aside>
+      <t-content><ContentIndex /></t-content>
-      <t-layout>
-        <t-header><HeaderIndex /></t-header>
-        <t-content><ContentIndex /></t-content>
-        <!-- <t-footer>Footer</t-footer> -->
-      </t-layout>
     </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 {
+.t-layout {
-  display: flex;
+  flex-direction: row;
 }
 </style>