fix:移除测试内容

src/components/MainView.vue

@@ -1,10 +1,17 @@
 <template>
   <div>
+    <div>
+      <a-layout style="height: 400px;">
+        <a-layout-header>Header</a-layout-header>
+        <a-layout>
+          <a-layout-sider style="background-color: aliceblue;">Sider</a-layout-sider>
+          <a-layout-content>
             <div style="display: flex;flex-direction: row;">
 
               <div ref="el2"
                 style="margin: 5%;display: flex;flex-direction: column;overflow-x:scroll;height: 350px;width: 300px;">
-        <div v-for="item in componentsList" :key="item.id" style="height: 30px;width: 300px;border: 1px solid red;">
+                <div v-for="item in componentsList" :key="item.id"
+                  style="height: 30px;width: 300px;border: 1px solid red;">
                   {{ item.name }}:{{ item.id }}
                 </div>
 
@@ -26,17 +33,16 @@
             </div>
             <div>
 
-    <TestComponent >
+
-      <!-- 默认插槽内容 -->
-      <template #default>
-        Default slot content.
-      </template>
-      <!-- 动态插槽内容 -->
-      <template v-for="(slot, index) in dynamicSlotContents" :key="index" v-slot:[slot.slotName]>
-        {{ slot.content }}
-      </template>
-    </TestComponent>
             </div>
+          </a-layout-content>
+        </a-layout>
+        <a-layout-footer>Footer</a-layout-footer>
+      </a-layout>
+    </div>
+
+
+
   </div>
 
 
@@ -51,14 +57,6 @@ import { useDraggable } from 'vue-draggable-plus';
 import { uuid } from 'lsp-uuid';
 import { IComponent } from '../type/IComponent.ts';
 import { componentScheme } from '../schemes/scheme.ts';
-import TestComponent from './TestComponent.vue';
-
-const dynamicSlotContents = ref([
-  { slotName: 'header', content: 'Header content' },
-  { slotName: 'footer', content: 'Footer content' },
-  { slotName: 'main', content: 'Main content' }
-]);
-
 
 const componentsList = ref<any[]>([]);
 
@@ -104,3 +102,5 @@ useDraggable(el2, componentsList, {
   }
 })
 </script>
+
+<style scoped></style>