Duguay/Agent-n8n
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复文旅订单班资源路径和交互功能

Browse Source 
详细说明:
- 修复app.js路由,支持/order-class/wenlu/*.html格式访问
- 修复所有子页面的资源路径(js/css/data从../改为相对路径)
- 为index.html添加图片点击放大查看功能
- 为精彩瞬间Gallery区域所有图片添加点击放大功能
- 优化展馆布置图尺寸,限制最大高度为600px
- 修复文件: budget.html, exhibition.html, marketing.html, operation.html, overview.html, risk.html, index.html
- 影响模块: 文旅订单班展示系统,路由系统,图片交互

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
2025-10-09 12:00:43 +08:00
parent cb9d459db4
commit 60216833a0
8 changed files with 110 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web_frontend/web_result/order-classes/wenlu/exhibition.html
View File

@@ -6,7 +6,7 @@
<title>展会介绍 - 2024长三角国际新能源汽车展</title>
<!-- 样式表 -->
<link rel="stylesheet" href="../css/animations.css">
<link rel="stylesheet" href="css/animations.css">
<script src="https://cdn.tailwindcss.com"></script>
<!-- 字体 -->
@@ -17,15 +17,15 @@
<!-- 页面加载动画 -->
<!-- 错误处理（需要最早加载） -->
<script src="../js/error-handler.js"></script>
<script src="js/error-handler.js"></script>
<script src="../js/page-loader.js"></script>
<script src="js/page-loader.js"></script>
<!-- 移动端优化 -->
<script src="../js/mobile-optimize.js"></script>
<script src="js/mobile-optimize.js"></script>
<!-- 性能优化 -->
<script src="../js/performance-optimizer.js"></script>
<script src="js/performance-optimizer.js"></script>
<style>
* {
font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
@@ -203,7 +203,7 @@
<!-- Venue Information -->
<section class="py-16 bg-gray-50 relative overflow-hidden">
<!-- 背景图片 -->
<div class="absolute inset-0 opacity-5" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/博览会.jpg'); background-size: cover; background-position: center;"></div>
<div class="absolute inset-0 opacity-5" style="background-image: url('data/订单班文档资料/文旅/notion文稿/image/博览会.jpg'); background-size: cover; background-position: center;"></div>
<div class="container mx-auto px-6 relative z-10">
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12 animate-fadeInUp">
@@ -300,7 +300,7 @@
<!-- 整车展区 -->
<div class="exhibition-card bg-gradient-to-br from-blue-50 to-blue-100 rounded-xl p-6 animate-fadeInUp animation-delay-200">
<div class="relative overflow-hidden rounded-xl mb-4 h-32 bg-gradient-to-r from-blue-400 to-blue-600">
<img src="../data/订单班文档资料/文旅/notion文稿/image/3.小米汽车.jpg" alt="整车展示" class="w-full h-full object-cover opacity-60">
<img src="data/订单班文档资料/文旅/notion文稿/image/3.小米汽车.jpg" alt="整车展示" class="w-full h-full object-cover opacity-60">
<div class="absolute inset-0 flex items-center justify-center">
<i class="fas fa-car-side text-5xl text-white"></i>
</div>
@@ -337,7 +337,7 @@
<!-- 核心零部件展区 -->
<div class="exhibition-card bg-gradient-to-br from-green-50 to-green-100 rounded-xl p-6 animate-fadeInUp animation-delay-400">
<div class="relative overflow-hidden rounded-xl mb-4 h-32 bg-gradient-to-r from-green-400 to-green-600">
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_8236005bb2.jpg" alt="核心零部件" class="w-full h-full object-cover opacity-60">
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_8236005bb2.jpg" alt="核心零部件" class="w-full h-full object-cover opacity-60">
<div class="absolute inset-0 flex items-center justify-center">
<i class="fas fa-battery-full text-5xl text-white"></i>
</div>
@@ -374,7 +374,7 @@
<!-- 智能交通展区 -->
<div class="exhibition-card bg-gradient-to-br from-purple-50 to-purple-100 rounded-xl p-6 animate-fadeInUp animation-delay-600">
<div class="relative overflow-hidden rounded-xl mb-4 h-32 bg-gradient-to-r from-purple-400 to-purple-600">
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_5c4b912ea7.jpg" alt="智能交通" class="w-full h-full object-cover opacity-60">
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_5c4b912ea7.jpg" alt="智能交通" class="w-full h-full object-cover opacity-60">
<div class="absolute inset-0 flex items-center justify-center">
<i class="fas fa-network-wired text-5xl text-white"></i>
</div>
@@ -411,7 +411,7 @@
<!-- 配套服务展区 -->
<div class="exhibition-card bg-gradient-to-br from-orange-50 to-orange-100 rounded-xl p-6 animate-fadeInUp animation-delay-800">
<div class="relative overflow-hidden rounded-xl mb-4 h-32 bg-gradient-to-r from-orange-400 to-orange-600">
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_2a9b622636.jpg" alt="配套服务" class="w-full h-full object-cover opacity-60">
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_2a9b622636.jpg" alt="配套服务" class="w-full h-full object-cover opacity-60">
<div class="absolute inset-0 flex items-center justify-center">
<i class="fas fa-charging-station text-5xl text-white"></i>
</div>
@@ -729,7 +729,7 @@
</footer>
<!-- JavaScript -->
<script src="../js/main.js"></script>
<script src="js/main.js"></script>
<script>
// 页面加载动画
document.addEventListener('DOMContentLoaded', function() {
@@ -805,7 +805,7 @@
}
});
</script>
<script src="../js/nav-component.js"></script>
<script src="../js/back-to-top.js"></script>
<script src="js/nav-component.js"></script>
<script src="js/back-to-top.js"></script>
</body>
</html>