修改

public/nav/index.js

@@ -1,6 +1,6 @@
 window.nav = {
   header: [
-    {id: 1, label: '首页', url: '/', hasChildren: false},
+    { id: 1, label: '首页', url: '/', hasChildren: false },
     {
       id: 2,
       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: [
     {
@@ -33,33 +33,33 @@ window.nav = {
       url: '',
       hasChildren: true,
       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,
       label: '关于燃谷',
       url: '',
       hasChildren: true,
       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' },
       ],
     },
   ],

src/home.vue

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

src/router/index.js

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

src/views/homepage/index.vue

@@ -9,6 +9,9 @@ onMounted(() => {})
 <template>
   <div class="page">
     <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>
     <div class="swiper">
@@ -35,11 +38,9 @@ onMounted(() => {})
 .page {
   .banner {
     width: 100%;
-    height: 800px;
+    height: auto;
     position: relative;
-    background-image: url('/static/images/main/banner.png');
+    background-color: #333333;
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
     &-link {
       width: 174px;
       height: 48px;
@@ -64,8 +65,13 @@ onMounted(() => {})
         color: $white;
       }
     }
+    video{
+      padding: 3px;
+      width: 100%;     
+      height: 100%;  
+      border-radius: 8px;
+    }
   }
-
   .swiper {
     width: 100%;
     height: 800px;

src/views/layout/pc/footer/components/QRCode.vue

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

src/views/layout/pc/footer/index.vue

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