fix: 修复文旅订单班资源路径和交互功能
详细说明: - 修复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:
@@ -4,23 +4,23 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
|
||||
<title>策划概述 - 2024长三角国际新能源汽车展</title>
|
||||
<link rel="stylesheet" href="../css/styles.css">
|
||||
<link rel="stylesheet" href="../css/animations.css">
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="stylesheet" href="css/animations.css">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
|
||||
<!-- 页面加载动画 -->
|
||||
<!-- 错误处理(需要最早加载) -->
|
||||
<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;
|
||||
@@ -102,7 +102,7 @@
|
||||
<!-- Page Header -->
|
||||
<section class="relative bg-gradient-to-br from-purple-600 via-indigo-600 to-blue-600 text-white pt-24 pb-16 overflow-hidden">
|
||||
<div class="absolute inset-0">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/博览会.jpg" alt="博览会背景" class="w-full h-full object-cover opacity-20">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/博览会.jpg" alt="博览会背景" class="w-full h-full object-cover opacity-20">
|
||||
<div class="absolute inset-0 bg-gradient-to-b from-transparent to-purple-900/50"></div>
|
||||
</div>
|
||||
<div class="absolute top-20 left-10 w-32 h-32 bg-white/10 rounded-full blur-3xl animate-float"></div>
|
||||
@@ -233,7 +233,7 @@
|
||||
<!-- Objectives Section -->
|
||||
<section class="py-16 bg-gradient-to-br from-gray-50 via-purple-50 to-indigo-50 relative overflow-hidden">
|
||||
<div class="absolute inset-0 opacity-5">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/展馆布置图.jpeg" alt="展馆布置" class="w-full h-full object-cover">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/展馆布置图.jpeg" alt="展馆布置" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<div class="container mx-auto px-6 relative z-10">
|
||||
<h2 class="text-3xl font-bold text-center text-gray-800 mb-4 animate-fadeInUp">
|
||||
@@ -493,7 +493,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<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>
|
||||
Reference in New Issue
Block a user