From 9aaa7d1fa1c71e3fc2e09596dac452f49b14827b Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Thu, 25 May 2023 16:57:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=95=E9=83=A8=E8=BF=9E=E6=8E=A5=E5=88=B0?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Bottom.vue         | 29 ++++++++++++++++++++++-------
 src/components/Header.vue         |  4 ++++
 src/components/about/Overview.vue |  2 +-
 src/constant/index.js             |  1 +
 src/pages/About.vue               |  6 ++++++
 5 files changed, 34 insertions(+), 8 deletions(-)
 create mode 100644 src/constant/index.js

diff --git a/src/components/Bottom.vue b/src/components/Bottom.vue
index 2125687..498aa73 100644
--- a/src/components/Bottom.vue
+++ b/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;
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 1557751..9bb723b 100644
--- a/src/components/Header.vue
+++ b/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('/')
diff --git a/src/components/about/Overview.vue b/src/components/about/Overview.vue
index a59daad..be02e3e 100644
--- a/src/components/about/Overview.vue
+++ b/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>
diff --git a/src/constant/index.js b/src/constant/index.js
new file mode 100644
index 0000000..960b5eb
--- /dev/null
+++ b/src/constant/index.js
@@ -0,0 +1 @@
+export const DOMAIN = 'https://www.iflytop.com'
diff --git a/src/pages/About.vue b/src/pages/About.vue
index 1aa5540..a405711 100644
--- a/src/pages/About.vue
+++ b/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>