xiaoqi/n8n_Demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化会展策划网站UI和添加Duoduo Agent设计流程展示

Browse Source 
主要更新:
- 统一所有页面导航栏样式为glass-morphism风格
- 添加Duoduo Agent智能设计系统完整可视化流程
- 展示从CAD到展位概念的5个设计阶段
- 优化页面交互效果和用户体验

详细修改:
- web_frontend/web_result/pages/: 统一6个页面导航栏样式
- operation.html: 新增Duoduo Agent设计流程展示模块
- 添加5张设计阶段图片展示 (CAD/概念/白模/渲染/最终方案)
- 增强视觉效果和动画交互

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
2025-09-08 15:13:31 +08:00
parent 4e90229677
commit 08e6304134
19 changed files with 3807 additions and 1738 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1489
web_frontend/web_result/pages/budget.html
View File

File diff suppressed because it is too large Load Diff

52
web_frontend/web_result/pages/exhibition.html
View File

@@ -19,6 +19,13 @@
font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Glass morphism effect */
.glass-morphism {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 页面加载动画 */
.page-enter {
animation: pageEnter 0.8s ease-out;
@@ -106,39 +113,44 @@
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="fixed top-0 w-full bg-white shadow-md z-50">
<nav class="fixed top-0 w-full glass-morphism shadow-md z-50 transition-all duration-300">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="flex items-center group">
<div class="relative mr-3">
<i class="fas fa-car-side text-2xl text-purple-600 group-hover:scale-110 transition-transform"></i>
<i class="fas fa-bolt text-xs text-green-500 absolute -top-1 -right-1 animate-pulse"></i>
<div class="flex items-center">
<div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-blue-500 rounded-lg flex items-center justify-center mr-3">
<i class="fas fa-charging-station text-white"></i>
</div>
<div>
<h1 class="text-lg font-bold">NEVIT 2024</h1>
<p class="text-xs text-gray-500">新能源汽车产业博览会</p>
</div>
<span class="text-xl font-bold text-gray-800">Green Mobility 2024</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="../index.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-home mr-1"></i>首页
<a href="../index.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-home mr-2"></i>首页
</a>
<a href="overview.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-file-alt mr-1"></i>策划概述
<a href="overview.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-info-circle mr-2"></i>展会概览
</a>
<a href="exhibition.html" class="nav-link active text-purple-600 font-semibold">
<i class="fas fa-building mr-1"></i>展会介绍
<a href="exhibition.html" class="nav-link active text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-th-large mr-2"></i>展览内容
</a>
<a href="marketing.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-bullhorn mr-1"></i>营销方案
<a href="marketing.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-bullhorn mr-2"></i>营销推广
</a>
<a href="operation.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-cogs mr-1"></i>现场运营
<a href="operation.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-cogs mr-2"></i>运营服务
</a>
<a href="budget.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-calculator mr-1"></i>预算分析
<a href="budget.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-chart-pie mr-2"></i>预算分析
</a>
<a href="risk.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-shield-alt mr-1"></i>风险评估
<a href="risk.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-shield-alt mr-2"></i>风险评估
</a>
</div>
<button class="md:hidden text-gray-700">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
</nav>

52
web_frontend/web_result/pages/marketing.html
View File

@@ -19,6 +19,13 @@
font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Glass morphism effect */
.glass-morphism {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 玻璃态效果 */
.glass-card {
background: rgba(255, 255, 255, 0.9);
@@ -109,39 +116,44 @@
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="fixed top-0 w-full bg-white shadow-md z-50">
<nav class="fixed top-0 w-full glass-morphism shadow-md z-50 transition-all duration-300">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="flex items-center group">
<div class="relative mr-3">
<i class="fas fa-car-side text-2xl text-purple-600 group-hover:scale-110 transition-transform"></i>
<i class="fas fa-bolt text-xs text-green-500 absolute -top-1 -right-1 animate-pulse"></i>
<div class="flex items-center">
<div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-blue-500 rounded-lg flex items-center justify-center mr-3">
<i class="fas fa-charging-station text-white"></i>
</div>
<div>
<h1 class="text-lg font-bold">NEVIT 2024</h1>
<p class="text-xs text-gray-500">新能源汽车产业博览会</p>
</div>
<span class="text-xl font-bold text-gray-800">Green Mobility 2024</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="../index.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-home mr-1"></i>首页
<a href="../index.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-home mr-2"></i>首页
</a>
<a href="overview.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-file-alt mr-1"></i>策划概述
<a href="overview.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-info-circle mr-2"></i>展会概览
</a>
<a href="exhibition.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-building mr-1"></i>展会介绍
<a href="exhibition.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-th-large mr-2"></i>展览内容
</a>
<a href="marketing.html" class="nav-link active text-purple-600 font-semibold">
<i class="fas fa-bullhorn mr-1"></i>营销方案
<a href="marketing.html" class="nav-link active text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-bullhorn mr-2"></i>营销推广
</a>
<a href="operation.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-cogs mr-1"></i>现场运营
<a href="operation.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-cogs mr-2"></i>运营服务
</a>
<a href="budget.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-calculator mr-1"></i>预算分析
<a href="budget.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-chart-pie mr-2"></i>预算分析
</a>
<a href="risk.html" class="nav-link text-gray-700 hover:text-purple-600">
<i class="fas fa-shield-alt mr-1"></i>风险评估
<a href="risk.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-shield-alt mr-2"></i>风险评估
</a>
</div>
<button class="md:hidden text-gray-700">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
</nav>

1935
web_frontend/web_result/pages/operation.html
View File

File diff suppressed because it is too large Load Diff

37
web_frontend/web_result/pages/overview.html
View File

@@ -13,6 +13,14 @@
* {
font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Glass morphism effect */
.glass-morphism {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.timeline-item {
position: relative;
padding-left: 40px;
@@ -78,8 +86,8 @@
<nav class="fixed top-0 w-full glass-morphism shadow-md z-50 transition-all duration-300">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="flex items-center animate-fadeInLeft">
<div class="w-10 h-10 bg-gradient-to-br from-purple-500 to-indigo-600 rounded-lg flex items-center justify-center mr-3">
<div class="flex items-center">
<div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-blue-500 rounded-lg flex items-center justify-center mr-3">
<i class="fas fa-charging-station text-white"></i>
</div>
<div>
@@ -88,28 +96,31 @@
</div>
</div>
<div class="hidden md:flex space-x-8">
<a href="../index.html" class="nav-link text-gray-700 hover:text-purple-600 transition-colors">
<a href="../index.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-home mr-2"></i>首页
</a>
<a href="overview.html" class="nav-link active text-purple-600 font-semibold">
<i class="fas fa-info-circle mr-2"></i>策划概述
<a href="overview.html" class="nav-link active text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-info-circle mr-2"></i>展会概览
</a>
<a href="exhibition.html" class="nav-link text-gray-700 hover:text-purple-600 transition-colors">
<i class="fas fa-th-large mr-2"></i>展会介绍
<a href="exhibition.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-th-large mr-2"></i>展览内容
</a>
<a href="marketing.html" class="nav-link text-gray-700 hover:text-purple-600 transition-colors">
<i class="fas fa-bullhorn mr-2"></i>营销方案
<a href="marketing.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-bullhorn mr-2"></i>营销推广
</a>
<a href="operation.html" class="nav-link text-gray-700 hover:text-purple-600 transition-colors">
<i class="fas fa-cogs mr-2"></i>现场运营
<a href="operation.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-cogs mr-2"></i>运营服务
</a>
<a href="budget.html" class="nav-link text-gray-700 hover:text-purple-600 transition-colors">
<a href="budget.html" class="nav-link text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-chart-pie mr-2"></i>预算分析
</a>
<a href="risk.html" class="nav-link text-gray-700 hover:text-purple-600 transition-colors">
<a href="risk.html" class="text-gray-700 hover:text-emerald-500 transition-colors">
<i class="fas fa-shield-alt mr-2"></i>风险评估
</a>
</div>
<button class="md:hidden text-gray-700">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
</nav>

1484
web_frontend/web_result/pages/risk.html
View File

File diff suppressed because it is too large Load Diff