no message

AI_DEVELOPMENT_SETUP.md

@@ -1,182 +0,0 @@
-# AI 定制开发导航与页面创建报告
-
-## ✅ 完成内容
-
-### 1. 导航菜单更新
-
-#### 修改前
-```
-行业无人机 ▼
-  ├ 无人机解决方案
-  ├ 无人机
-  ├ 无人机负载
-  ├ 软件与服务
-  └ 软件定制开发
-公司动态
-公司介绍
-加入我们
-联系我们
-```
-
-#### 修改后
-```
-行业无人机 ▼
-  ├ 无人机解决方案
-  ├ 无人机
-  ├ 无人机负载
-  ├ 软件与服务
-  └ 软件定制开发
-AI 定制开发 ▼       ← 新增
-  ├ RAG
-  └ AI 应用开发
-公司动态
-公司介绍
-// 加入我们          ← 已注释
-联系我们
-```
-
-### 2. 新增文件
-
-#### 目录结构
-```
-src/view/AIDevelopment/
-├── Index.vue      # AI 定制开发列表页
-├── RAG.vue        # RAG 详情页
-└── AIApp.vue      # AI 应用开发详情页
-```
-
-### 3. 页面布局
-
-#### AI 定制开发列表页（Index.vue）
-- **Banner**: 150px 高度，显示"AI 定制开发"
-- **章节标题**: 带标签和副标题
-- **服务卡片**: 2 个卡片（RAG、AI 应用开发）
-- **联系咨询按钮**: 底部 CTA 按钮
-
-#### 详情页（RAG.vue、AIApp.vue）
-- **Banner**: 150px 高度，显示具体服务名称
-- **内容占位**: "页面内容开发中..."
-- **空状态**: 图标 + 标题 + 描述
-
-### 4. 路由配置
-
-```javascript
-// 主路由
-{
-  path: '/ai-development',
-  name: 'aiDevelopment',
-  component: resolve => require(['@/view/AIDevelopment/Index'], resolve),
-  meta: { title: 'AI 定制开发' }
-}
-
-// 子路由
-{
-  path: '/ai-development/rag',
-  name: 'aiDevelopmentRAG',
-  component: resolve => require(['@/view/AIDevelopment/RAG'], resolve),
-  meta: { title: 'RAG 检索增强生成' }
-}
-
-{
-  path: '/ai-development/app',
-  name: 'aiDevelopmentApp',
-  component: resolve => require(['@/view/AIDevelopment/AIApp'], resolve),
-  meta: { title: 'AI 应用开发' }
-}
-```
-
-### 5. 导航配置
-
-```javascript
-{
-  name: "AI 定制开发",
-  path: "/ai-development",
-  children: [
-    { name: "RAG", path: "/ai-development/rag" },
-    { name: "AI 应用开发", path: "/ai-development/app" }
-  ]
-}
-```
-
-### 6. 访问路径
-
-| 页面 | 路径 | 说明 |
-|------|------|------|
-| AI 定制开发列表 | `/ai-development` | 显示 2 个服务卡片 |
-| RAG 详情 | `/ai-development/rag` | RAG 技术详情页（占位） |
-| AI 应用开发详情 | `/ai-development/app` | AI 应用开发详情页（占位） |
-
-### 7. 页面特点
-
-#### 列表页（Index.vue）
-- ✅ 响应式网格布局（桌面自适应，平板 2 列，手机 1 列）
-- ✅ 卡片悬停效果（上浮、图片放大、遮罩显示）
-- ✅ 联系咨询按钮
-- ✅ WOW.js 动画支持
-
-#### 详情页（RAG.vue、AIApp.vue）
-- ✅ 统一的 Banner 样式
-- ✅ 空状态占位界面
-- ✅ 居中布局，视觉友好
-- ✅ WOW.js 动画支持
-
-### 8. 文件修改
-
-| 文件 | 修改内容 |
-|------|----------|
-| `src/config/nav-config.js` | 添加 AI 定制开发导航和路由，注释加入我们 |
-| `src/view/AIDevelopment/Index.vue` | 新建列表页 |
-| `src/view/AIDevelopment/RAG.vue` | 新建 RAG 详情页 |
-| `src/view/AIDevelopment/AIApp.vue` | 新建 AI 应用开发详情页 |
-
-### 9. 测试步骤
-
-1. **导航菜单测试**
-   - ✅ 悬停"AI 定制开发"显示下拉菜单
-   - ✅ 显示 2 个菜单项（RAG、AI 应用开发）
-   - ✅ 点击菜单项正确跳转
-
-2. **列表页测试**
-   - ✅ 访问 `/ai-development` 显示列表
-   - ✅ 显示 2 个服务卡片
-   - ✅ 点击卡片跳转到对应详情页
-
-3. **详情页测试**
-   - ✅ 访问 `/ai-development/rag` 显示 RAG 页面
-   - ✅ 访问 `/ai-development/app` 显示 AI 应用开发页面
-   - ✅ 显示"页面内容开发中..."占位提示
-
-### 10. 后续开发建议
-
-#### 内容填充
-1. RAG 详情页：
-   - 技术概述
-   - 核心优势
-   - 应用场景
-   - 案例展示
-
-2. AI 应用开发详情页：
-   - 开发流程
-   - 技术栈
-   - 服务领域
-   - 成功案例
-
-#### 功能增强
-1. 添加咨询表单
-2. 添加相关案例链接
-3. 添加技术文档下载
-4. 添加在线客服入口
-
-## 📊 完成状态
-
-| 任务 | 状态 |
-|------|------|
-| 导航菜单添加 | ✅ 完成 |
-| 注释加入我们 | ✅ 完成 |
-| 列表页创建 | ✅ 完成 |
-| RAG 详情页 | ✅ 完成（占位） |
-| AI 应用开发详情页 | ✅ 完成（占位） |
-| 路由配置 | ✅ 完成 |
-| 响应式布局 | ✅ 完成 |
-
-所有任务已完成，页面结构已搭建，等待内容填充！

FORMSPREE_SETUP.md

@@ -1,173 +0,0 @@
-# Formspree 联系表单配置指南
-
-## ✅ 已完成内容
-
-- ✅ 移除 EmailJS 依赖
-- ✅ 切换到 Formspree（更简单）
-- ✅ 无需配置邮箱连接
-- ✅ 无需模板变量
-
----
-
-## 🔧 配置步骤（5 分钟）
-
-### 第 1 步：注册 Formspree（2 分钟）
-
-1. 访问 [https://formspree.io/](https://formspree.io/)
-2. 点击 **"Get Started"** 或 **"Sign Up"**
-3. 使用邮箱免费注册
-4. 验证邮箱
-
-### 第 2 步：创建表单（2 分钟）
-
-1. 登录后进入 **Dashboard**
-2. 点击 **"+ New Form"**
-3. 填写表单名称（如：联系表单）
-4. 选择 **"Send emails to"** → 输入接收邮箱 `zhanyuhangkong@163.com`
-5. 点击 **"Create Form"**
-
-### 第 3 步：获取表单 ID（1 分钟）
-
-1. 创建成功后，会看到表单 URL
-2. 格式类似：`https://formspree.io/f/xnqkzoqw`
-3. 复制最后的 ID（如 `xnqkzoqw`）
-
-### 第 4 步：配置代码
-
-打开 `src/view/ContactUs/Index.vue`，找到第 212 行：
-
-```javascript
-formspreeUrl: 'https://formspree.io/f/YOUR_FORMSPREE_ID'
-```
-
-替换为您的实际表单 ID：
-
-```javascript
-formspreeUrl: 'https://formspree.io/f/xnqkzoqw'  // 您的实际 ID
-```
-
----
-
-## 📊 Formspree 免费额度
-
-| 项目 | 免费额度 | 说明 |
-|------|----------|------|
-| 邮件发送 | 50 封/月 | 足够小型企业 |
-| 存储 | 100 条提交 | 可在后台查看 |
-| 功能 | 基础功能 | 包含所有必需功能 |
-
-### 升级方案
-
-如需要更多额度：
-- **Silver**: $10/月 - 1000 封邮件
-- **Gold**: $25/月 - 2500 封邮件
-- 企业定制方案
-
----
-
-## 🎯 测试步骤
-
-1. **配置表单 ID** 后保存代码
-2. **重启开发服务器**（如需要）
-3. **访问联系我们页面**
-4. **填写表单并提交**
-5. **查看邮箱**是否收到邮件
-
----
-
-## 📧 邮件内容
-
-提交后，您会在邮箱收到如下格式的邮件：
-
-```
-From: 联系人姓名 <联系人邮箱>
-Reply-To: 联系人邮箱
-
-姓名：张三
-电话：13800138000
-邮箱：zhangsan@example.com
-企业：某某公司
-主题：产品咨询
-留言：我对你们的产品很感兴趣...
-```
-
----
-
-## 🔒 安全特性
-
-### Formspree 自带保护
-- ✅ 垃圾邮件过滤
-- ✅ 重复提交检测
-- ✅ HTTPS 加密传输
-
-### 建议添加（可选）
-- Google reCAPTCHA（防止机器人）
-- 邮箱域名白名单
-- 提交频率限制
-
----
-
-## ⚙️ 高级功能
-
-### 1. 自定义重定向页面
-
-提交后跳转到指定页面：
-
-```javascript
-formData: {
-  ...
-  _next: 'https://yourwebsite.com/thanks'
-}
-```
-
-### 2. 启用 AJAX 模式（已启用）
-
-代码已使用 AJAX 提交，无需页面刷新。
-
-### 3. 添加更多字段
-
-在表单中添加新字段，Formspree 会自动接收：
-
-```html
-<input name="custom_field" v-model="formData.customField">
-```
-
----
-
-## ⚠️ 常见问题
-
-### Q1: 收不到邮件？
-**A**: 检查：
-1. 垃圾邮件文件夹
-2. Formspree Dashboard 的提交记录
-3. 邮箱是否正确配置
-
-### Q2: 提交失败？
-**A**: 检查：
-1. 表单 ID 是否正确
-2. 网络连接
-3. 浏览器控制台错误
-
-### Q3: 如何查看提交的表单？
-**A**: 登录 Formspree Dashboard → 选择表单 → 查看 "Submissions"
-
----
-
-## 📞 技术支持
-
-- Formspree 文档：https://help.formspree.io/
-- 状态页面：https://status.formspree.io/
-
----
-
-## ✅ 配置检查清单
-
-- [ ] 注册 Formspree 账号
-- [ ] 创建新表单
-- [ ] 配置接收邮箱
-- [ ] 复制表单 ID
-- [ ] 替换代码中的表单 ID
-- [ ] 测试提交
-- [ ] 验证邮件接收
-
-完成以上步骤后，联系表单即可正常工作！

package.json

@@ -11,22 +11,18 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.6",
-    "animate.css": "^3.7.0",
     "axios": "^0.27.2",
-    "emailjs-com": "^3.2.0",
     "vue": "^2.7.16",
     "vue-router": "^3.6.5",
     "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.29.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-transform-class-properties": "^7.28.6",
     "@babel/plugin-transform-runtime": "^7.29.0",
     "@babel/preset-env": "^7.29.0",
-    "@babel/preset-stage-2": "^7.8.3",
     "autoprefixer": "^9.8.8",
     "babel-loader": "^8.4.1",
     "babel-plugin-syntax-jsx": "^6.18.0",

src/components/Header.vue

@@ -1,19 +1,5 @@
 <template>
   <header id="header">
-    <!-- 顶部信息栏 (桌面端) -->
-    <div class="header-top hidden-xs">
-      <div class="container">
-        <div class="header-top-left">
-          <span><i class="glyphicon glyphicon-earphone"></i> 15086621233</span>
-          <span><i class="glyphicon glyphicon-envelope"></i> zhanyuhangkong@163.com</span>
-          <span><i class="glyphicon glyphicon-time"></i> 全天候服务</span>
-        </div>
-        <div class="header-top-right">
-          <span><i class="glyphicon glyphicon-hand-right"></i> 赶快联系我们吧！</span>
-        </div>
-      </div>
-    </div>
-
     <!-- 主导航 (桌面端) -->
     <nav class="header-nav container hidden-xs">
       <router-link to="/" class="header-logo">
@@ -122,8 +108,6 @@ export default {
   --header-bg: rgba(255, 255, 255, 0.95);
   --header-glass: rgba(255, 255, 255, 0.8);
   --header-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-  --top-bar-bg: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
-  --top-bar-text: #fff;
   --nav-text: #333;
   --nav-hover: #1e73be;
   --nav-active: #1e73be;
@@ -144,61 +128,6 @@ export default {
   border-bottom: 1px solid rgba(30, 115, 190, 0.1);
 }
 
-/* ===== 顶部信息栏 - 玻璃拟态科技风 ===== */
-.header-top {
-  background: var(--top-bar-bg);
-  color: var(--top-bar-text);
-  font-size: 12px;
-  height: 40px;
-  line-height: 40px;
-  position: relative;
-  overflow: hidden;
-}
-
-.header-top::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
-  animation: shimmer 3s infinite;
-}
-
-@keyframes shimmer {
-  0% { left: -100%; }
-  100% { left: 100%; }
-}
-
-.header-top .container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  z-index: 1;
-}
-
-.header-top-left,
-.header-top-right {
-  display: flex;
-  gap: 20px;
-  align-items: center;
-}
-
-.header-top-left span,
-.header-top-right span {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  white-space: nowrap;
-}
-
-.header-top i {
-  font-size: 12px;
-  opacity: 0.9;
-}
-
 /* ===== 主导航 ===== */
 .header-nav {
   display: flex;

src/view/AIDevelopment/Index.vue

@@ -38,10 +38,10 @@
       </div>
 
       <div class="text-center">
-        <a href="#/" class="btn-view-all">
+        <router-link to="/contactus" class="btn-view-all">
           联系咨询
           <i class="glyphicon glyphicon-chevron-right"></i>
-        </a>
+        </router-link>
       </div>
     </div>
   </div>

src/view/HomePage.vue

@@ -116,13 +116,13 @@
           <h1 class="contact-title">上海展域航空技术有限公司</h1>
           <p class="contact-subtitle">您身边的无人机解决方案专家</p>
           <div class="contact-actions">
-            <button class="btn-primary">
+            <router-link to="/contactus" class="btn-primary">
               <span>联系我们</span>
               <i class="arrow-right"></i>
-            </button>
-            <button class="btn-secondary">
+            </router-link>
+            <router-link to="/solutions" class="btn-secondary">
               <span>了解更多</span>
-            </button>
+            </router-link>
           </div>
         </div>
       </div>
@@ -813,6 +813,10 @@ export default {
   cursor: pointer;
   transition: all 0.3s ease;
   overflow: hidden;
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 #contactUs .btn-primary {
@@ -825,6 +829,7 @@ export default {
 #contactUs .btn-primary:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
+  color: #1e3c72;
 }
 
 #contactUs .btn-primary .arrow-right {
@@ -852,6 +857,7 @@ export default {
   background: rgba(255, 255, 255, 0.1);
   border-color: #fff;
   transform: translateY(-3px);
+  color: #fff;
 }
 
 /* ===== 为什么选择我们 - 玻璃拟态卡片 ===== */