refactor:1.APP.vue页面调整；2.移除无用样式

components.d.ts

@@ -9,6 +9,7 @@ declare module 'vue' {
   export interface GlobalComponents {
     DynamicComponent: typeof import('./src/components/DynamicComponent.vue')['default']
     ElTable: typeof import('./src/components/ElTable.vue')['default']
+    MainView: typeof import('./src/components/MainView.vue')['default']
     NestedDirective: typeof import('./src/components/NestedDirective.vue')['default']
     NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
     TestComponent: typeof import('./src/components/TestComponent.vue')['default']

src/App.vue

@@ -1,29 +1,13 @@
 <script setup lang="ts">
-import VueDemo from './components/VueDemo.vue';
-
-
+import MainView from './components/MainView.vue';
 </script>
 
 <template>
   <div>
-    <VueDemo></VueDemo>
+    <MainView></MainView>
   </div>
 
 </template>
 
 <style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
 </style>

src/components/MainView.vue

@@ -1,9 +1,5 @@
 <template>
   <div>
-
-
-
-    
     <div style="display: flex;flex-direction: row;">
 
       <div ref="el2"

src/style.css

@@ -24,8 +24,6 @@ a:hover {
 
 body {
   margin: 0;
-  display: flex;
-  place-items: center;
   min-width: 320px;
   min-height: 100vh;
 }
@@ -59,7 +57,6 @@ button:focus-visible {
 }
 
 #app {
-  max-width: 1280px;
   margin: 0 auto;
   padding: 2rem;
   text-align: center;