底部连接到首页

src/components/Bottom.vue

@@ -5,19 +5,19 @@
     </div>
     <div class="some_link_container">
       <div class="some_link">
-        <p>首页</p>
+        <p class="link" @click="toHome('home')">首页</p>
         <p>|</p>
-        <p>工业设计</p>
+        <p class="link" @click="toHome('design')">工业设计</p>
         <p>|</p>
-        <p>企业文化</p>
+        <p class="link" @click="toHome('culture')">企业文化</p>
         <p>|</p>
-        <p>软硬件开发</p>
+        <p class="link" @click="toHome('hardware')">软硬件开发</p>
         <p>|</p>
-        <p>招聘</p>
+        <p class="link" @click="toHome('recruit')">招聘</p>
         <p>|</p>
-        <p>联系我们</p>
+        <p class="link" @click="toHome('contact')">联系我们</p>
         <p>|</p>
-        <p>关于我们</p>
+        <p class="link" @click="toAbout()">关于我们</p>
       </div>
       <div class="address">
         <p>北京市昌平区回龙观街道博纳集团3号楼一层</p>
@@ -46,6 +46,15 @@
 
 <script setup>
 import Logo from '@/static/img/index/12.png'
+import { useRouter } from 'vue-router'
+import { DOMAIN } from '@/constant'
+const router = useRouter()
+const toHome = path => {
+  window.location.href = `${DOMAIN}?p=${path}`
+}
+const toAbout = () => {
+  router.push('/about')
+}
 </script>
 
 <style lang="scss" scoped>
@@ -73,6 +82,12 @@ import Logo from '@/static/img/index/12.png'
       font-weight: 300;
       color: #e3e3e3;
       margin-bottom: 50px;
+      .link {
+        cursor: pointer;
+        &:hover {
+          color: #fff;
+        }
+      }
     }
     .address {
       display: flex;

src/components/Header.vue

@@ -168,6 +168,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+import { DOMAIN } from '@/constant'
 const activeTab = ref(0)
 const router = useRouter()
 const route = useRoute()
@@ -205,6 +206,9 @@ const changeActiveTab = index => {
   if (index == 0) {
     toHome()
   }
+  if (index == 3) {
+    window.location.href = `${DOMAIN}?p=contact`
+  }
 }
 const toHome = () => {
   router.push('/')

src/components/about/Overview.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="about_overview_container">
+  <div class="about_overview_container" id="about_overview">
     <Header :overview="true" />
     <h1 class="en">ABOUT US</h1>
   </div>

src/constant/index.js

@@ -0,0 +1 @@
+export const DOMAIN = 'https://www.iflytop.com'

src/pages/About.vue

@@ -12,6 +12,12 @@ import Overview from '@/components/about/Overview.vue'
 import About from '@/components/about/About.vue'
 import Intro from '@/components/about/Intro.vue'
 import Bottom from '@/components/Bottom.vue'
+import { onMounted } from 'vue'
+onMounted(() => {
+  document.getElementById('about_overview').scrollIntoView({
+    behavior: 'smooth',
+  })
+})
 </script>
 
 <style lang="scss" scoped>