更换 头部组件

src/App.vue

@@ -8,5 +8,4 @@ import { RouterView } from 'vue-router'
 
 <style>
 @import './styles/style.css';
-@import './styles/swiper.min.css';
 </style> 
\ No newline at end of file

src/views/AboutView.vue

 <script setup>
-import TheHeader from '../components/TheHeader.vue'
-import TheFooter from '../components/TheFooter.vue'
+import Header from '../components/Header.vue'
+import Footer from '../components/Footer.vue'
 </script>
 
 <template>
   <div class="about">
-    <TheHeader />
+    <Header />
     <div class="center-width" style="padding: 50px 0; min-height: 400px;">
       <h1>关于我们</h1>
       <p>此页面正在开发中...</p>
     </div>
-    <TheFooter />
+    <Footer />
   </div>
 </template> 
\ No newline at end of file

src/views/CustomersView.vue

 <script setup>
-import TheHeader from '../components/TheHeader.vue'
-import TheFooter from '../components/TheFooter.vue'
+import Header from '../components/Header.vue'
+import Footer from '../components/Footer.vue'
 </script>
 
 <template>
   <div class="customers">
-    <TheHeader />
+    <Header />
     <div class="center-width" style="padding: 50px 0; min-height: 400px;">
       <h1>客户名录</h1>
       <p>此页面正在开发中...</p>
     </div>
-    <TheFooter />
+    <Footer />
   </div>
-</template> 
+</template>
\ No newline at end of file

src/views/JoinView.vue

 <script setup>
-import TheHeader from '../components/TheHeader.vue'
-import TheFooter from '../components/TheFooter.vue'
+import  Header from '../components/Header.vue'
+import Footer from '../components/Footer.vue'
 </script>
 
 <template>
   <div class="join">
-    <TheHeader />
+    <Header />
     <div class="center-width" style="padding: 50px 0; min-height: 400px;">
       <h1>加入我们</h1>
       <p>此页面正在开发中...</p>
     </div>
-    <TheFooter />
+    <Footer />
   </div>
 </template> 
\ No newline at end of file

src/views/NewsView.vue

 <script setup>
-import TheHeader from '../components/TheHeader.vue'
-import TheFooter from '../components/TheFooter.vue'
+import Header from '../components/Header.vue'
+import Footer from '../components/Footer.vue'
 </script>
 
 <template>
   <div class="news">
-    <TheHeader />
+    <Header />
     <div class="center-width" style="padding: 50px 0; min-height: 400px;">
       <h1>新闻资讯</h1>
       <p>此页面正在开发中...</p>
     </div>
-    <TheFooter />
+    <Footer />
   </div>
 </template> 
\ No newline at end of file

src/views/ProductsView.vue

 <script setup>
-import TheHeader from '../components/TheHeader.vue'
-import TheFooter from '../components/TheFooter.vue'
+import Header from '../components/Header.vue'
+import Footer from '../components/Footer.vue'
 </script>
 
 <template>
   <div class="products">
-    <TheHeader />
+    <Header />
     <div class="center-width" style="padding: 50px 0; min-height: 400px;">
       <h1>产品技术</h1>
       <p>此页面正在开发中...</p>
     </div>
-    <TheFooter />
+    <Footer />
   </div>
 </template>