yiqiuyang/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
zhaoke
2025-10-13 18:41:08 +08:00
parent a8717ccc13
commit 9a01223fc9
7 changed files with 58 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
public/nav/index.js
View File

@ -1,6 +1,6 @@
window.nav = { window.nav = {
header: [ header: [
{id: 1, label: '首页', url: '/', hasChildren: false}, { id: 1, label: '首页', url: '/', hasChildren: false },
{ {
id: 2, id: 2,
label: '产品中心', label: '产品中心',
@ -21,10 +21,10 @@ window.nav = {
}, },
], ],
}, },
{id: 3, label: '服务与支撑', url: '/services', hasChildren: false}, // {id: 3, label: '服务与支撑', url: '/services', hasChildren: false},
{id: 4, label: '新闻中心', url: '/news', hasChildren: false}, { id: 4, label: '新闻中心', url: '/news', hasChildren: false },
{id: 5, label: '关于我们', url: '/about', hasChildren: false}, { id: 5, label: '关于我们', url: '/about', hasChildren: false },
{id: 6, label: '联系我们', url: '/link', hasChildren: false}, { id: 6, label: '联系我们', url: '/link', hasChildren: false },
], ],
footer: [ footer: [
{ {
@ -33,33 +33,33 @@ window.nav = {
url: '', url: '',
hasChildren: true, hasChildren: true,
children: [ children: [
{id: 1.1, label: '低空监管体系', url: '/product/monitorSystem'}, { id: 1.1, label: '低空监管体系', url: '/product/monitorSystem' },
{id: 1.2, label: '低空远程识别设备', url: '/product/remoteDevice'}, { id: 1.2, label: '低空远程识别设备', url: '/product/remoteDevice' },
{id: 1.3, label: '智能加载服务', url: '/product'}, { id: 1.3, label: '智能加载服务', url: '/product' },
{id: 1.4, label: '智能加载服务', url: '/product'}, { id: 1.4, label: '智能加载服务', url: '/product' },
], ],
}, },
{ // {
id: 2, // id: 2,
label: '服务与支撑', // label: '服务与支撑',
url: '/services', // url: '/services',
hasChildren: false, // hasChildren: false,
}, // },
{ // {
id: 3, // id: 3,
label: '软件下载', // label: '软件下载',
url: '/download', // url: '/download',
hasChildren: false, // hasChildren: false,
}, // },
{id: 4, label: '新闻中心', url: '/news', hasChildren: false}, { id: 4, label: '新闻中心', url: '/news', hasChildren: false },
{ {
id: 5, id: 5,
label: '关于燃谷', label: '关于燃谷',
url: '', url: '',
hasChildren: true, hasChildren: true,
children: [ children: [
{id: 5.1, label: '公司简介', url: '/about'}, { id: 5.1, label: '公司简介', url: '/about' },
{id: 5.2, label: '联系我们', url: '/link'}, { id: 5.2, label: '联系我们', url: '/link' },
], ],
}, },
], ],

BIN
public/static/images/main/display.mp4 Normal file
View File

Binary file not shown.

2
src/home.vue
View File

@ -37,7 +37,7 @@ import Footer from './views/layout/pc/footer/index.vue'
} }
#footer { #footer {
width: 100%; width: 100%;
height: 500px; height: 380px;
} }
} }
</style> </style>

6
src/router/index.js
View File

@ -1,9 +1,9 @@
import {createWebHashHistory, createRouter} from 'vue-router' import { createWebHashHistory, createRouter } from 'vue-router'
import HomeView from '@/views/homepage/index.vue' import HomeView from '@/views/homepage/index.vue'
const routes = [ const routes = [
{path: '/', component: HomeView}, { path: '/', component: HomeView },
// ============================================ 产品中心 ============================================ // ============================================ 产品中心 ============================================
{ {
path: '/product/monitorSystem', path: '/product/monitorSystem',
@ -85,7 +85,7 @@ router.afterEach((to, from) => {
// 只有路径变化时才滚动到顶部 // 只有路径变化时才滚动到顶部
if (to.path !== from.path) { if (to.path !== from.path) {
requestAnimationFrame(() => { requestAnimationFrame(() => {
window.scrollTo({top: 0, behavior: 'instant'}) window.scrollTo({ top: 0, behavior: 'instant' })
}) })
} }
}) })

16
src/views/homepage/index.vue
View File

@ -9,6 +9,9 @@ onMounted(() => {})
<template> <template>
<div class="page"> <div class="page">
<div class="banner"> <div class="banner">
<video autoplay muted loop>
<source src="/static/images/main/display.mp4" type="video/mp4">
</video>
<div class="banner-link"><span>进入演示系统</span></div> <div class="banner-link"><span>进入演示系统</span></div>
</div> </div>
<div class="swiper"> <div class="swiper">
@ -35,11 +38,9 @@ onMounted(() => {})
.page { .page {
.banner { .banner {
width: 100%; width: 100%;
height: 800px; height: auto;
position: relative; position: relative;
background-image: url('/static/images/main/banner.png'); background-color: #333333;
background-size: 100% 100%;
background-repeat: no-repeat;
&-link { &-link {
width: 174px; width: 174px;
height: 48px; height: 48px;
@ -64,8 +65,13 @@ onMounted(() => {})
color: $white; color: $white;
} }
} }
video{
padding: 3px;
width: 100%;
height: 100%;
border-radius: 8px;
}
} }
.swiper { .swiper {
width: 100%; width: 100%;
height: 800px; height: 800px;

23
src/views/layout/pc/footer/components/QRCode.vue
View File

@ -5,10 +5,14 @@ onMounted(() => {})
<template> <template>
<div class="QR-code"> <div class="QR-code">
<img class="QR-img" :src="`./static/images/footer/QR_code.png`" /> <div class="QR-dev">
<div class="label">企业微信</div> <img class="QR-img" :src="`./static/images/footer/QR_code.png`" />
<img class="QR-img item" :src="`./static/images/footer/mark.png`" alt="" /> <div class="label">企业微信</div>
<div class="label">熊雨翔</div> </div>
<div class="QR-dev">
<img class="QR-img" :src="`./static/images/footer/mark.png`" alt="" />
<div class="label">熊雨翔</div>
</div>
</div> </div>
</template> </template>
@ -16,7 +20,13 @@ onMounted(() => {})
.QR-code { .QR-code {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: $white; display: flex;
justify-content: center;
gap: 20px;
.QR-dev {
width: 150px;
height: 200px;
}
.QR-img { .QR-img {
width: 150px; width: 150px;
height: 150px; height: 150px;
@ -26,8 +36,5 @@ onMounted(() => {})
text-align: center; text-align: center;
color: $white; color: $white;
} }
.item {
margin-top: 20px;
}
} }
</style> </style>

7
src/views/layout/pc/footer/index.vue
View File

@ -26,7 +26,8 @@ const toMIIF = () => {
Copyright © 2023.Rangu Technology Co.,Ltd. All rights reserved. Copyright © 2023.Rangu Technology Co.,Ltd. All rights reserved.
燃谷科技（南京）有限公司 燃谷科技（南京）有限公司
</span> </span>
<span class="url" @click="toMIIF">苏ICP备2023030548号</span> <span class="url" @click="toMIIF">苏ICP备2023030548号-1</span>
<span class="url" @click="toMIIF">苏ICP备2023030548号-5</span>
</div> </div>
</div> </div>
</template> </template>
@ -45,7 +46,7 @@ const toMIIF = () => {
left: 190px; left: 190px;
} }
#nav { #nav {
width: calc(100% - 410px - 380px); width: calc(100% - 410px - 550px);
position: absolute; position: absolute;
left: 410px; left: 410px;
top: $top; top: $top;
@ -53,7 +54,7 @@ const toMIIF = () => {
box-sizing: border-box; box-sizing: border-box;
} }
#QR { #QR {
width: 150px; width: 320px;
height: 150px; height: 150px;
position: absolute; position: absolute;
top: $top; top: $top;