no message

NAVIGATION_UPDATE.md

@@ -1,127 +0,0 @@
-# 导航菜单更新报告
-
-## ✅ 已完成更新
-
-### 1. 导航结构变更
-
-#### 修改前
-```
-行业无人机 ▼
-  ├ 行业应用无人机
-  ├ 无人机负载
-  ├ 软件与服务
-  └ 软件定制开发
-```
-
-#### 修改后
-```
-行业无人机 ▼
-  ├ 行业应用无人机
-  ├ 无人机负载
-  ├ 软件与服务
-  ├ 软件定制开发
-  └ 无人机解决方案 ← 新增
-```
-
-### 2. 配置修改
-
-#### nav-config.js
-```javascript
-{
-  name: "行业无人机",
-  path: "/products",
-  children: [
-    { name: "行业应用无人机", path: "/products/djiAircraft" },
-    { name: "无人机负载", path: "/products/payloads" },
-    { name: "软件与服务", path: "/products/software" },
-    { name: "软件定制开发", path: "/products/develop" },
-    { name: "无人机解决方案", path: "/solutions" }  // 新增
-  ]
-}
-```
-
-### 3. 路由配置
-
-#### Products 路由
-```javascript
-{
-  path: '/products',
-  component: resolve => require(['@/view/Products/index'], resolve),
-  meta: { title: '产品' },
-  redirect: '/products/djiAircraft',  // 默认重定向
-  children: [...]
-}
-```
-
-#### Solutions 路由
-```javascript
-{
-  path: '/solutions',
-  name: 'solutions',
-  component: resolve => require(['@/view/Solutions/index'], resolve),
-  meta: { title: '解决方案' }
-}
-```
-
-### 4. 跳转路径
-
-| 菜单项 | 路径 | 说明 |
-|--------|------|------|
-| 行业应用无人机 | `/products/djiAircraft` | 行业无人机列表页 |
-| 无人机负载 | `/products/payloads` | 负载产品页 |
-| 软件与服务 | `/products/software` | 软件产品页 |
-| 软件定制开发 | `/products/develop` | 开发服务页 |
-| **无人机解决方案** | `/solutions` | **解决方案列表页** ← 新增 |
-
-### 5. Router 和 Header 一致性
-
-✅ **已确保一致**
-
-- Header 导航从 `navConfig` 读取
-- Router 从 `createRoutes()` 生成
-- 两者共用同一配置源，保证完全一致
-
-### 6. 用户访问流程
-
-#### 方式一：通过导航菜单
-1. 悬停"行业无人机"菜单
-2. 显示下拉菜单
-3. 点击"无人机解决方案"
-4. 跳转到 `/solutions` 页面
-5. 显示解决方案列表（4 个卡片）
-
-#### 方式二：通过首页
-1. 访问首页
-2. 滚动到"解决方案"区域
-3. 点击任意解决方案卡片 → 详情页
-4. 或点击"查看更多解决方案" → 列表页
-
-### 7. 测试步骤
-
-1. **导航菜单测试**
-   - ✅ 悬停"行业无人机"显示下拉菜单
-   - ✅ 显示 5 个菜单项（含新增）
-   - ✅ 点击"无人机解决方案"跳转到 `/solutions`
-   - ✅ 页面自动滚动到顶部
-
-2. **Router 同步测试**
-   - ✅ Header 显示与路由配置一致
-   - ✅ 所有菜单项都能正确跳转
-   - ✅ 路由切换时页面正常加载
-
-3. **响应式测试**
-   - ✅ 桌面端显示下拉菜单
-   - ✅ 移动端显示汉堡菜单
-
-### 8. 文件修改
-
-| 文件 | 修改内容 |
-|------|----------|
-| `src/config/nav-config.js` | 添加"无人机解决方案"菜单项，优化路由结构 |
-
-### 9. 优势
-
-1. **统一配置** - Header 和 Router 共用配置源
-2. **易于维护** - 修改一处，全局生效
-3. **用户友好** - 多个入口访问解决方案页面
-4. **结构清晰** - 导航层次分明，易于理解

src/components/Header.vue

@@ -37,9 +37,9 @@
 
     <!-- 手机导航 -->
     <div class="header-nav-m container-fuild visible-xs">
-      <div class="header-nav-m-logo">
+      <router-link to="/home" class="header-nav-m-logo">
         <img class="center-block" src="@/assets/img/logo_black.svg" alt="logo">
-      </div>
+      </router-link>
       <!-- 导航栏 -->
       <div class="header-nav-m-menu text-center">
         {{ menuName }}
@@ -63,7 +63,7 @@
           >
             <router-link :to="item.path">
               {{ item.name }}
-              <i class="underline"></i>
+              <i class="glyphicon glyphicon-chevron-right"></i>
             </router-link>
           </li>
         </ul>
@@ -444,41 +444,32 @@ export default {
   padding-left: 24px;
 }
 
-/* ===== 移动端导航（保留原始样式） ===== */
+/* ===== 移动端导航 ===== */
 @media screen and (max-width: 997px) {
   /* 桌面端元素不在移动端显示 */
   .header-company-name {
     display: none;
   }
 
-  /* 移动端联系我们按钮样式 */
-  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact {
-    margin: 15px 20px;
-  }
-
-  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact > a {
-    background: linear-gradient(135deg, #1e73be 0%, #3b82f6 100%);
-    color: #fff !important;
-    padding: 12px 30px;
-    border-radius: 8px;
-    font-weight: 600;
-    text-align: center;
-    display: block;
-    box-shadow: 0 2px 8px rgba(30, 115, 190, 0.3);
-  }
-
-  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact > a i {
-    display: none;
+  /* 移动端 Header 容器 - 移除底部边框 */
+  #header {
+    border-bottom: none !important;
   }
 
+  /* 移动端 Logo 区域 */
   #header .header-nav-m .header-nav-m-logo {
-    height: 80px;
+    height: 70px;
     position: relative;
+    background: rgba(255, 255, 255, 0.98);
+    backdrop-filter: blur(10px);
+    border-bottom: 1px solid rgba(30, 115, 190, 0.08);
+    display: block;
+    text-decoration: none;
   }
 
   #header .header-nav-m .header-nav-m-logo img {
-    width: 180px;
-    height: 60px;
+    width: 160px;
+    height: 50px;
     position: absolute;
     top: 0;
     left: 0;
@@ -487,48 +478,121 @@ export default {
     margin: auto;
   }
 
+  /* 移动端导航条 - 蓝色玻璃效果 */
   #header .header-nav-m .header-nav-m-menu {
-    color: #fff;
-    height: 40px;
-    font-size: 13px;
-    line-height: 40px;
-    background: #474747;
+    height: 44px;
+    font-size: 14px;
+    line-height: 44px;
+    background: rgba(30, 115, 190, 0.95);
+    backdrop-filter: blur(10px);
     position: relative;
+    box-shadow: 0 4px 16px rgba(30, 115, 190, 0.35);
+    color: #fff;
+    font-weight: 500;
   }
 
   #header .header-nav-m .header-nav-m-menu-wrapper {
     position: absolute;
     top: 50%;
-    right: 20px;
-    margin-top: -20px;
-    width: 50px;
-    height: 40px;
+    right: 16px;
+    margin-top: -16px;
+    width: 32px;
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    cursor: pointer;
+  }
+
+  #header .header-nav-m .header-nav-m-menu-wrapper:hover {
+    background: rgba(255, 255, 255, 0.25);
+  }
+
+  #header .header-nav-m .header-nav-m-menu-wrapper span {
+    font-size: 14px;
     color: #fff;
-    z-index: 999999;
-    font-size: 12px;
   }
 
+  /* 下拉导航菜单 */
   #header .header-nav-m .header-nav-m-wrapper {
-    position: absolute;
-    top: 40px;
-    left: 0;
-    width: 100%;
-    background: #474747;
-    z-index: 9999999;
+    background: rgba(255, 255, 255, 0.98);
+    backdrop-filter: blur(10px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+    padding: 8px 0;
+    margin: 0;
   }
 
   #header .header-nav-m .header-nav-m-wrapper > li {
-    height: 40px;
-    line-height: 40px;
-    border-bottom: 1px solid #ccc;
+    margin: 4px 12px;
+    border-radius: 10px;
+    overflow: hidden;
+    transition: all 0.3s ease;
   }
 
   #header .header-nav-m .header-nav-m-wrapper > li > a {
-    color: #fff;
-    font-size: 13px;
-    font-weight: bold;
-    padding: 15px 0;
-    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 14px 18px;
+    color: #333;
+    font-size: 15px;
+    font-weight: 500;
+    text-decoration: none;
+    border-radius: 10px;
+    transition: all 0.3s ease;
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li > a i {
+    font-size: 12px;
+    color: #ccc;
+    transition: transform 0.3s ease;
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li > a:hover {
+    background: rgba(30, 115, 190, 0.08);
+    color: #1e73be;
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li > a:hover i {
+    transform: translateX(4px);
+    color: #1e73be;
+  }
+
+  /* 激活状态 */
+  #header .header-nav-m .header-nav-m-wrapper > li.active {
+    background: rgba(30, 115, 190, 0.1);
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li.active > a {
+    color: #1e73be;
+    font-weight: 600;
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li.active > a i {
+    color: #1e73be;
+  }
+
+  /* 联系我们特殊样式 */
+  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact {
+    margin: 16px 12px 8px;
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact > a {
+    background: linear-gradient(135deg, #1e73be 0%, #3b82f6 100%);
+    color: #fff !important;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(30, 115, 190, 0.3);
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact > a i {
+    display: none;
+  }
+
+  #header .header-nav-m .header-nav-m-wrapper > li.nav-item-contact:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 16px rgba(30, 115, 190, 0.4);
   }
 
   #header .header-nav .header-nav-wrapper > li > a > span {

src/view/HomePage.vue

@@ -91,8 +91,7 @@
             </h2>
             <div class="dock-desc">
               <p>依托深圳市大疆创新科技有限公司一流的研发团队和齐配的供应链生产系统支持。上海展域航空技术有限公司已经在上海地区开拓了专业级大疆无人机行业应用服务市场。</p>
-              <p>我们为专业客户提供定制化的行业解决方案服务，多家行业领先的无人机公司已经采用我们的解决方案与技术服务。</p>
-              <p>致力于推进航空领域及数字智能领域的最先进技术应用于人们的生产生活，帮助人们拓展更高更远的视野，开辟更新更广的空间，帮助人们成就飞天的梦想。</p>
+              <p>自2025年以来,随着人工智能和大预言模型的蓬勃兴起，展域航空为用户开发创造了一系列基于大模型的企业级智能体，专注于为企业提供私有化、安全、可定制的AI产品服务。并在监理行业、测绘行业取得多项成功案例和行业荣誉。</p>
             </div>
             <div class="dock-stats">
               <div class="stat-item">