diff --git a/src/renderer/components.d.ts b/src/renderer/components.d.ts
index fac6f82..46e1704 100644
--- a/src/renderer/components.d.ts
+++ b/src/renderer/components.d.ts
@@ -12,15 +12,21 @@ declare module 'vue' {
     RouterView: typeof import('vue-router')['RouterView']
     SideExamInfoPanel: typeof import('./src/components/SideExamInfoPanel.vue')['default']
     SideExamsPanel: typeof import('./src/components/SideExamsPanel.vue')['default']
+    TButton: typeof import('tdesign-vue-next')['Button']
+    TCard: typeof import('tdesign-vue-next')['Card']
+    TCol: typeof import('tdesign-vue-next')['Col']
+    TConfigProvider: typeof import('tdesign-vue-next')['ConfigProvider']
     TDatePicker: typeof import('tdesign-vue-next')['DatePicker']
     TDialog: typeof import('tdesign-vue-next')['Dialog']
     TForm: typeof import('tdesign-vue-next')['Form']
     TFormItem: typeof import('tdesign-vue-next')['FormItem']
     TInput: typeof import('tdesign-vue-next')['Input']
     TInputNumber: typeof import('tdesign-vue-next')['InputNumber']
+    TLayout: typeof import('tdesign-vue-next')['Layout']
     TLink: typeof import('tdesign-vue-next')['Link']
     TList: typeof import('tdesign-vue-next')['List']
     TListItem: typeof import('tdesign-vue-next')['ListItem']
     TListItemMeta: typeof import('tdesign-vue-next')['ListItemMeta']
+    TRow: typeof import('tdesign-vue-next')['Row']
   }
 }
diff --git a/src/renderer/src/App.vue b/src/renderer/src/App.vue
index c660c1b..1ed7be8 100644
--- a/src/renderer/src/App.vue
+++ b/src/renderer/src/App.vue
@@ -3,5 +3,9 @@ import { RouterLink, RouterView } from 'vue-router'
 </script>
 
 <template>
-  <RouterView />
+  <t-config-provider>
+    <div class="ea_app">
+      <RouterView />
+    </div>
+  </t-config-provider>
 </template>
diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css
index c906ded..d6ff6fd 100644
--- a/src/renderer/src/assets/main.css
+++ b/src/renderer/src/assets/main.css
@@ -42,3 +42,10 @@ body,
   overflow: auto;
 }
 */
+
+
+.ea_app {
+  background: var(--td-gray-color-13);
+  width: 100%;
+  height: 100%;
+}
diff --git a/src/renderer/src/router/index.ts b/src/renderer/src/router/index.ts
index 251ea07..2dbe00e 100644
--- a/src/renderer/src/router/index.ts
+++ b/src/renderer/src/router/index.ts
@@ -1,6 +1,6 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
-import HomeView from '../views/EditorView.vue'
-
+import EditorView from '../views/EditorView.vue'
+import HomeView from '@renderer/views/HomeView.vue'
 
 const router = createRouter({
   history: createWebHashHistory(import.meta.env.BASE_URL),
diff --git a/src/renderer/src/views/HomeView.vue b/src/renderer/src/views/HomeView.vue
index 45ea709..5f995ba 100644
--- a/src/renderer/src/views/HomeView.vue
+++ b/src/renderer/src/views/HomeView.vue
@@ -1,3 +1,12 @@
 <template>
-  <p>这是主窗口</p>
+  <div class="mainpage">
+
+  </div>
 </template>
+
+<script setup>
+import { FileIcon } from 'tdesign-icons-vue-next'
+</script>
+
+<style scoped>
+</style>