diff --git a/src/App.vue b/src/App.vue
index 633a5dfe4e547c48bfa93740a290ba5ba370930a..ca51cc766ff1f99906c2eaca60a65927ebf4589b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,6 +5,7 @@ import TheWelcome from './components/TheWelcome.vue'
 
 <template>
   <header>
+  
     <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
 
     <div class="wrapper">
@@ -28,7 +29,7 @@ header {
 }
 
 @media (min-width: 1024px) {
-  header {
+   header {
     display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
@@ -42,6 +43,6 @@ header {
     display: flex;
     place-items: flex-start;
     flex-wrap: wrap;
-  }
+  }  
 }
 </style>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 883ab0594248dca18dcd4f0ea60fdac2e74584ae..aa9aa6d52c7b5da1cb9c88098e2a4b8632fcccf8 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -9,15 +9,14 @@ defineProps({
 
 <template>
   <div class="greetings">
-
-    这里是新增的功能
-
+ 
     <h1 class="green">{{ msg }}</h1>
     <h3>
       You’ve successfully created a project with
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
       <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
     </h3>
+ 
   </div>
 </template>
 
diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue
index d3d2e7acc8a9deeb26e48169ee3cbc64d2b54f2f..5662b5b90063016bbe5371b8e4d23538989e770b 100644
--- a/src/components/TheWelcome.vue
+++ b/src/components/TheWelcome.vue
@@ -8,54 +8,9 @@ import SupportIcon from './icons/IconSupport.vue'
 </script>
 
 <template>
-  <WelcomeItem>
-    <template #icon>
-      <DocumentationIcon />
-    </template>
-    <template #heading>Documentation</template>
-
-    Vue’s
-    <a target="_blank" href="https://vuejs.org/">official documentation</a>
-    provides you with all information you need to get started.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <ToolingIcon />
-    </template>
-    <template #heading>Tooling</template>
-
-    This project is served and bundled with
-    <a href="https://vitejs.dev/guide/features.html" target="_blank">Vite</a>. The recommended IDE
-    setup is <a href="https://code.visualstudio.com/" target="_blank">VSCode</a> +
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>. If you need to test
-    your components and web pages, check out
-    <a href="https://www.cypress.io/" target="_blank">Cypress</a> and
-    <a href="https://on.cypress.io/component" target="_blank"
-      >Cypress Component Testing</a
-    >.
-
-    <br />
-
-    More instructions are available in <code>README.md</code>.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <EcosystemIcon />
-    </template>
-    <template #heading>Ecosystem</template>
-
-    Get official tools and libraries for your project:
-    <a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
-    <a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
-    <a target="_blank" href="https://test-utils.vuejs.org/">Vue Test Utils</a>, and
-    <a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need more
-    resources, we suggest paying
-    <a target="_blank" href="https://github.com/vuejs/awesome-vue">Awesome Vue</a>
-    a visit.
-  </WelcomeItem>
 
+<div style="background-color:aquamarine;">新增数据======</div>
+ 
   <WelcomeItem>
     <template #icon>
       <CommunityIcon />
@@ -80,5 +35,9 @@ import SupportIcon from './icons/IconSupport.vue'
     As an independent project, Vue relies on community backing for its sustainability. You can help
     us by
     <a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
-  </WelcomeItem>
+ 
+  
+ </WelcomeItem>
+ <div style="background-color:aquamarine;">新增数据======</div>
+
 </template>