From 9a2bb3ba61d653bf2ed75c19c8ee664accade482 Mon Sep 17 00:00:00 2001
From: tj <1378534974@qq.com>
Date: 星期一, 17 三月 2025 16:43:30 +0800
Subject: [PATCH] 关于我们跳转到首页锚点
---
src/pages/Home.vue | 2 +-
src/components/HeaderMenu.vue | 7 +++++--
src/router/index.ts | 11 ++++++++++-
3 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/src/components/HeaderMenu.vue b/src/components/HeaderMenu.vue
index 4e5acb9..5c7c29f 100644
--- a/src/components/HeaderMenu.vue
+++ b/src/components/HeaderMenu.vue
@@ -8,7 +8,7 @@
</el-menu-item>
<el-menu-item index="/">首页</el-menu-item>
<el-menu-item index="/product">产品中心</el-menu-item>
- <el-menu-item index="/contact">联系我们</el-menu-item>
+ <!-- <el-menu-item index="/contact">联系我们</el-menu-item> -->
<el-menu-item index="/about">关于我们</el-menu-item>
</el-menu>
</div>
@@ -37,7 +37,10 @@
// console.log('选中菜单:', index);
if(index === '/logo'){
router.push('/');
- }else{
+ }else if(index === '/about'){
+ router.push({path:'/',hash:'#third-other'});
+ }
+ else{
router.push(index);
}
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index d9b0473..257e13e 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -54,7 +54,7 @@
</div>
</div>
- <div class="third-other">
+ <div id="third-other" class="third-other">
<el-row>
<el-col :span="8">
<div class="third-other-title">产品中心</div>
diff --git a/src/router/index.ts b/src/router/index.ts
index e84d344..dfce3e0 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -13,7 +13,16 @@
const router = createRouter({
history: createWebHistory(),
- routes
+ routes,
+ scrollBehavior(to, from, savedPosition) {
+ if (to.hash) {
+ return {
+ el: to.hash,
+ behavior: 'smooth'
+ };
+ }
+ return savedPosition || { top: 0 };
+ }
});
export default router;
--
Gitblit v1.9.3