From 6429d4b210fadb4face2ade0bbdc02926c444f72 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 03 Jan 2024 10:32:12 +0800
Subject: [PATCH] fix:公司官网新建
---
src/components/footerInfor.vue | 44 ++++++++++++++++++++++++++++++--------------
1 files changed, 30 insertions(+), 14 deletions(-)
diff --git a/src/components/footerInfor.vue b/src/components/footerInfor.vue
index 77acf98..957f07d 100644
--- a/src/components/footerInfor.vue
+++ b/src/components/footerInfor.vue
@@ -8,6 +8,7 @@
</div>
<div v-for="(val, index) in item.list" :key="index" class="valName">
<span
+ @click="goPage(val)"
@mouseenter="val.show = !val.show"
@mouseleave="val.show = !val.show"
:class="{ hoverBorderBg: val.show }"
@@ -45,43 +46,58 @@
<script setup lang="ts">
import { reactive } from 'vue'
+import { useRouter } from 'vue-router'
+const router = useRouter()
+let goPage = (item: any) => {
+ if (item.path !== '') {
+ let hash = item.hash ? item.hash : ''
+ router.push({ path: item.path, hash: hash, query: { name: item.name, id: item.id } })
+ }
+}
const footerinforList = reactive([
{
name: '������������',
+ path: '/solution',
id: '2',
+ show: false,
list: [
- { name: '������&PM2.5������������', show: false, path: '/solution/o3-pm25' },
- { name: '���������������������������������������', show: false, path: '/solution/o3-pm25' },
- { name: '������������������', show: false, path: '/solution/o3-pm25' },
- { name: '������������', show: false, path: '/solution/o3-pm25' }
+ { name: '������&PM2.5������������', show: false, path: '/solution', id: '2' },
+ { name: '���������������������������������������', show: false, path: '/solution', id: '21' },
+ { name: '������������������', show: false, path: '/solution', id: '22' },
+ { name: '������������', show: false, path: '/solution', id: '23' }
]
},
{
name: '������������',
+ path: '/product',
+ show: false,
id: '3',
list: [
- { name: '23���������������������', show: false, path: '/solution/o3-pm25' },
- { name: '������������������������������������', show: false, path: '/solution/o3-pm25' },
- { name: '������������������������������������', show: false, path: '/solution/o3-pm25' },
- { name: '���������������������������', show: false, path: '/solution/o3-pm25' },
- { name: '������������������������������������', show: false, path: '/solution/o3-pm25' }
+ { name: '23���������������������', show: false, path: '/product', id: '3' },
+ { name: '������������������������������������', show: false, path: '/product', id: '31' },
+ { name: '������������������������������������', show: false, path: '/product', id: '32' },
+ { name: '���������������������������', show: false, path: '/product', id: '33' }
]
},
{
name: '������������',
+ path: '/news',
+ show: false,
id: '4',
list: [
- { name: '������������', show: false, path: '' },
- { name: '������������', show: false, path: '' }
+ { name: '������������', show: false, path: '/news', id: '4' },
+ { name: '������������', show: false, path: '/news', id: '41' }
]
},
{
name: '������������',
+ path: '/about',
+ show: false,
id: '5',
list: [
- { name: '������������', show: false, path: '' },
- { name: '������������', show: false, path: '' },
- { name: '������������', show: false, path: '' }
+ { name: '������������', show: false, path: '/about', id: '5', hash: '#mian1' },
+ { name: '������������', show: false, path: '/about', id: '51', hash: '#mian2' },
+ { name: '������������', show: false, path: '/about', id: '52', hash: '#mian3' }
]
},
{
--
Gitblit v1.8.0