img path

src/components/AboutUs.vue

@@ -15,7 +15,7 @@
 
 <script setup>
 import HeadLine from '@/components/HeadLine'
-import RightArrow from '@/static/img/jiantou.png'
+import RightArrow from '@/static/img/index/jiantou.png'
 import FourCard from '@/components/FourCard'
 </script>
 

src/components/Bottom.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script setup>
-import Logo from '@/static/img/12.png'
+import Logo from '@/static/img/index/12.png'
 </script>
 
 <style lang="scss" scoped>

src/components/Contact.vue

@@ -60,15 +60,15 @@
 </template>
 
 <script setup>
-import Phone from '@/static/img/8.png'
-import Address from '@/static/img/9.png'
-import Email from '@/static/img/10.png'
+import Phone from '@/static/img/index/8.png'
+import Address from '@/static/img/index/9.png'
+import Email from '@/static/img/index/10.png'
 </script>
 
 <style lang="scss" scoped>
 .contact_container {
   padding: 152px 260px;
-  background: url(../static/img/7.png) no-repeat;
+  background: url(../static/img/index/7.png) no-repeat;
   background-size: 100% 100%;
   display: flex;
   align-items: center;

src/components/FourCard.vue

@@ -43,10 +43,10 @@
 </template>
 
 <script setup>
-import Hardware from '@/static/img/3.png'
-import Software from '@/static/img/4.png'
-import Structure from '@/static/img/5.png'
-import Temp from '@/static/img/6.png'
+import Hardware from '@/static/img/index/3.png'
+import Software from '@/static/img/index/4.png'
+import Structure from '@/static/img/index/5.png'
+import Temp from '@/static/img/index/6.png'
 </script>
 
 <style lang="scss" scoped>

src/components/Header.vue

@@ -21,7 +21,7 @@
 <script setup>
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
-import Logo from '@/static/img/2.png'
+import Logo from '@/static/img/index/2.png'
 const activeTab = ref(0)
 const router = useRouter()
 const changeActiveTab = index => {

src/components/HomeScreen.vue

@@ -12,7 +12,7 @@
 
 <script setup>
 import Header from '@/components/Header'
-import Arrow from '@/static/img/jiantou.png'
+import Arrow from '@/static/img/index/jiantou.png'
 const toNextPage = () => {
   document.getElementById('about_us').scrollIntoView({
     behavior: 'smooth',
@@ -25,7 +25,7 @@ const toNextPage = () => {
   position: relative;
   width: 100vw;
   height: 100vh;
-  background: url(../static/img/1.png) no-repeat;
+  background: url(../static/img/index/1.png) no-repeat;
   background-size: 100% 100%;
   .main_title {
     font-size: 76px;

src/components/Product.vue

@@ -36,7 +36,7 @@
 
 <script setup>
 import HeadLine from '@/components/HeadLine'
-import A1 from '@/static/img/a1.png'
+import A1 from '@/static/img/index/a1.png'
 </script>
 
 <style lang="scss" scoped>

src/components/detail/Overview.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="overview_container">overview</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.overview_container {
+}
+</style>

src/pages/Product.vue

@@ -1,7 +1,14 @@
 <template>
-  <div>pro</div>
+  <div class="product_main_container">
+    <Overview />
+  </div>
 </template>
 
-<script setup></script>
+<script setup>
+import Overview from '@/components/detail/Overview'
+</script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.product_main_container {
+}
+</style>