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/utils/require.ts | 4 src/views/product.vue | 2 src/assets/image/parameter7.jpg | 0 src/views/news.vue | 24 ++++--- public/favicon.ico | 0 src/components/footerInfor.vue | 44 ++++++++++---- src/router/index.ts | 1 src/utils/newDetail.json | 4 src/App.vue | 16 ----- src/components/headerNav.vue | 6 + src/views/about.vue | 31 ++++------ 11 files changed, 69 insertions(+), 63 deletions(-) diff --git a/public/favicon.ico b/public/favicon.ico index df36fcf..f60a2c3 100644 --- a/public/favicon.ico +++ b/public/favicon.ico Binary files differ diff --git a/src/App.vue b/src/App.vue index 852943d..99a46dd 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,23 +7,9 @@ <template> <div> <headerNav /> - <RouterView /> + <RouterView :key="$route.fullPath" /> <footerInfor /> </div> - <!-- <header> - <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" /> - - <div class="wrapper"> - <HelloWorld msg="You did it!" /> - - <nav> - <RouterLink to="/">Home</RouterLink> - <RouterLink to="/about">About</RouterLink> - </nav> - </div> - </header> --> - - <!-- <RouterView /> --> </template> <style scoped></style> diff --git a/src/assets/image/parameter7.jpg b/src/assets/image/parameter7.jpg new file mode 100644 index 0000000..5b98941 --- /dev/null +++ b/src/assets/image/parameter7.jpg Binary files differ 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' } ] }, { diff --git a/src/components/headerNav.vue b/src/components/headerNav.vue index fe2e0d4..500da22 100644 --- a/src/components/headerNav.vue +++ b/src/components/headerNav.vue @@ -105,7 +105,11 @@ 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 } }) + router.push({ + path: item.path, + hash: hash, + query: { name: item.name, id: item.id, key: Math.random() } + }) } } </script> diff --git a/src/router/index.ts b/src/router/index.ts index 7e48f4b..7c1e2f0 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -48,6 +48,7 @@ component: () => import('../views/contact.vue') } ], + // eslint-disable-next-line no-unused-vars scrollBehavior(to, from, savedPosition) { if (to.hash) { diff --git a/src/utils/newDetail.json b/src/utils/newDetail.json index 238deda..26287b8 100644 --- a/src/utils/newDetail.json +++ b/src/utils/newDetail.json @@ -208,7 +208,7 @@ "index": 6, "name": "2020IEexp������������������������������������������", "abstract": "���������<span class='numFont'>2020</span>���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������...", - "time": "2021-09-16 14:22", + "time": "2021-02-19 14:22", "content": [ { "type": "text", @@ -244,7 +244,7 @@ "index": 7, "name": "���������������������������������������������������������������", "abstract": "���������������������������21���������������������������������������������������������������15���������������������������������24������������������������8������������������������������������������������������������������������������������������������������������...", - "time": "2021-09-16 14:22", + "time": "2021-02-19 14:22", "content": [ { "type": "text", diff --git a/src/utils/require.ts b/src/utils/require.ts index cbbbea3..28c13bf 100644 --- a/src/utils/require.ts +++ b/src/utils/require.ts @@ -1,8 +1,8 @@ /* eslint-disable no-console */ const require = (imgPath: string) => { try { - const handlePath = imgPath.replace('@', '..') - return new URL(handlePath, import.meta.url).href + const handlePath = imgPath.replace('@/assets/image/', '') + return new URL(`../assets/image/${handlePath}`, import.meta.url).href } catch (error) { console.log(error) } diff --git a/src/views/about.vue b/src/views/about.vue index 4ccfec2..19989ff 100644 --- a/src/views/about.vue +++ b/src/views/about.vue @@ -48,7 +48,7 @@ </el-row> </el-col> <el-col :span="12"> - <div class="overview"> + <el-scrollbar height="375px" class="overview" always> <p> ���������������������������������������������������������2013��������������������������������������������������������������������������������������������������������������������������������������������� </p> @@ -64,7 +64,8 @@ <p> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������ </p> - </div> + </el-scrollbar> + <!-- <div class="overview"></div> --> </el-col> </el-row> </div> @@ -132,18 +133,9 @@ console.log('router', route) }) const menuList = reactive([ - { - id: 0, - name: '������������' - }, - { - id: 1, - name: '������������' - }, - { - id: 2, - name: '������������' - } + { 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' } ]) const historyList = reactive([ { @@ -169,15 +161,19 @@ }, { id: 3, - time: '2021������������', - name: '2021������������', - content: '2021������������' + time: '2024������������', + name: '2024������������', + content: '2024������������' } ]) const clickIndex = ref(menuList[0]) let changeCarouselIndex = ref(0) let changeClickIndex = (item: any) => { clickIndex.value = item + if (item.path !== '') { + let hash = item.hash ? item.hash : '' + router.push({ path: item.path, hash: hash, query: { name: item.name, id: item.id } }) + } } let remarkCaruselUp = ref() let changeCarouselItem = (index: any) => { @@ -280,7 +276,6 @@ .overview { width: 100%; height: 337px; - overflow: auto; p { color: #555555; line-height: 30px; diff --git a/src/views/news.vue b/src/views/news.vue index 6fabce7..1bb6bbc 100644 --- a/src/views/news.vue +++ b/src/views/news.vue @@ -104,9 +104,11 @@ import _ from 'lodash' const route = useRoute() const router = useRouter() +const isShowCar = ref(true) let configData = reactive(newDetail.data) onMounted(() => { console.log('router', route) + isShowCar.value = true }) const menuList = reactive([ { @@ -118,7 +120,7 @@ title: '������������������������', scr: require('@/assets/image/1-2109161410130-L.jpg'), time: '2021-09', - day: '19', + day: '16', content: '������������������������������������������������������������������������������������������������������������������������������������������������������ ������������������ ���������������������������������������������������������������������������...' }, @@ -126,7 +128,7 @@ index: 1, title: '������������������������������������������������', scr: require('@/assets/image/1-210126150151245.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '���������������������������������������������������������������������������������������������FEI-S1������������������������������������������������������������������������������������������������������������������������������������������������������������...' @@ -135,7 +137,7 @@ index: 2, title: '���������������������������������������������������������������', scr: require('@/assets/image/1-210126145T2435.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������...' @@ -144,7 +146,7 @@ index: 3, title: '������������������������������������������������������������', scr: require('@/assets/image/1-1F12Q624570-L.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '������������������������������������������������������"������������"������������������������������������������������������5480������������������������������������������������������������������������������������������������������PM2.5���������������������...' @@ -153,7 +155,7 @@ index: 4, title: '���������������������������������������', scr: require('@/assets/image/1-210126145324G7.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������5480������������������������������������...' @@ -162,7 +164,7 @@ index: 5, title: '��������������������������� ������������', scr: require('@/assets/image/1-210126144ZY93.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������...' @@ -173,7 +175,7 @@ title: '2020IEexp������������������������������������������', name: 'menuChilderFirst3', scr: require('@/assets/image/1-210115110925X6.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '2020���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������...' @@ -183,7 +185,7 @@ title: '������������������������������������������������������������������', name: 'menuChilderFirst3', scr: require('@/assets/image/1-210126144130309.jpg'), - time: '2021-09', + time: '2021-02', day: '19', content: '������������������21���������������������������������������������������������������15���������������������������������24������������������������8������������������������������������������������������������������������������������������������������������...' @@ -199,7 +201,7 @@ title: '������������������������������������������������������������', name: 'menuChilderFirst1', scr: require('@/assets/image/1-210126150I41W.png'), - time: '2021-09', + time: '2021-02', day: '19', content: '���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������...' @@ -208,7 +210,7 @@ } ]) const clickIndex = ref(menuList[0]) -const isShowCar = ref(true) + let clickNews: any = ref({}) let changeClickIndex = (item: any) => { clickIndex.value = item @@ -223,6 +225,8 @@ watch( () => router.currentRoute.value, (newValue: any) => { + isShowCar.value = true + console.log(newValue) if (newValue.query.id === '41') { clickIndex.value = menuList[1] } else { diff --git a/src/views/product.vue b/src/views/product.vue index 377961d..cca30c7 100644 --- a/src/views/product.vue +++ b/src/views/product.vue @@ -37,7 +37,7 @@ > </div> </div> - <router-view></router-view> + <router-view v-if="!isShowCar"></router-view> </div> </template> -- Gitblit v1.8.0