fix: 统一文旅订单班数据路径引用
详细说明: - 修复文旅HTML中的data路径从'../data/'改为'data/' - 移除app.js中的兼容性路由,统一使用标准路径 - 确保文旅和食品订单班的资源引用一致性 - 文旅使用: data/订单班文档资料/文旅/... - 食品使用: images/... 和 agent-avatars/... 影响文件: - order-classes/wenlu/*.html (7个文件) - app.js (移除/order-class/data兼容路由) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
BIN
.playwright-mcp/wenlu-fixed.png
Normal file
BIN
.playwright-mcp/wenlu-fixed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
@@ -29,6 +29,7 @@ const orderClassDirs = ['wenlu', 'food', 'finance', 'health', 'chemical', 'envir
|
||||
'transportation', 'energy', 'visual-design', 'civil', 'developer', 'manufacturing'];
|
||||
|
||||
orderClassDirs.forEach(dir => {
|
||||
// 每个订单班的资源路径
|
||||
app.use(`/order-class/${dir}/css`, express.static(`order-classes/${dir}/css`));
|
||||
app.use(`/order-class/${dir}/js`, express.static(`order-classes/${dir}/js`));
|
||||
app.use(`/order-class/${dir}/data`, express.static(`order-classes/${dir}/data`));
|
||||
|
||||
@@ -415,7 +415,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Detailed Budget Breakdown -->
|
||||
<section class="py-20 bg-gray-50" style="background-image: url('../../data/订单班文档资料/文旅/notion文稿/image/财务分析.jpg'); background-size: cover; background-position: center;">
|
||||
<section class="py-20 bg-gray-50" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/财务分析.jpg'); background-size: cover; background-position: center;">
|
||||
<div class="bg-gray-50/95 backdrop-blur-sm">
|
||||
<div class="container mx-auto px-6">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 gradient-text">支出预算明细分析</h2>
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/会展策划
|
||||
1
web_frontend/web_result/order-classes/wenlu/data/订单班文档资料
Symbolic link
1
web_frontend/web_result/order-classes/wenlu/data/订单班文档资料
Symbolic link
@@ -0,0 +1 @@
|
||||
../../../../../data/订单班文档资料
|
||||
@@ -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>
|
||||
@@ -744,7 +744,7 @@
|
||||
});
|
||||
img.addEventListener('error', function() {
|
||||
this.classList.add('image-error');
|
||||
this.src = '../data/订单班文档资料/文旅/notion文稿/image/博览会.jpg'; // 备用图片
|
||||
this.src = 'data/订单班文档资料/文旅/notion文稿/image/博览会.jpg'; // 备用图片
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -5,6 +5,9 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
|
||||
<title>2024长三角国际新能源汽车与智能交通产业博览会</title>
|
||||
|
||||
<!-- Base URL for relative paths -->
|
||||
<base href="/order-class/wenlu/">
|
||||
|
||||
<!-- 预加载关键资源 -->
|
||||
<link rel="preload" href="css/styles.css" as="style">
|
||||
<link rel="preload" href="css/animations.css" as="style">
|
||||
@@ -158,7 +161,7 @@
|
||||
<!-- 背景图片 -->
|
||||
<div class="absolute inset-0 z-0">
|
||||
<div class="absolute inset-0 bg-gradient-to-br from-purple-100 via-blue-50 to-emerald-50"></div>
|
||||
<div class="absolute inset-0 opacity-10" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/博览会.jpg'); background-size: cover; background-position: center;"></div>
|
||||
<div class="absolute inset-0 opacity-10" style="background-image: url('data/订单班文档资料/文旅/notion文稿/image/博览会.jpg'); background-size: cover; background-position: center;"></div>
|
||||
<div class="absolute inset-0 bg-gradient-to-b from-transparent via-white/60 to-white/90"></div>
|
||||
</div>
|
||||
|
||||
@@ -246,7 +249,7 @@
|
||||
<!-- Key Stats Section -->
|
||||
<section class="py-20 -mt-20 relative z-20 bg-gradient-to-br from-white via-gray-50 to-white">
|
||||
<!-- 背景装饰 -->
|
||||
<div class="absolute inset-0 opacity-5" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/Whisk_9e8c1f44ac.jpg'); background-size: cover; background-position: center;"></div>
|
||||
<div class="absolute inset-0 opacity-5" style="background-image: url('data/订单班文档资料/文旅/notion文稿/image/Whisk_9e8c1f44ac.jpg'); background-size: cover; background-position: center;"></div>
|
||||
|
||||
<div class="container mx-auto px-6 relative z-10" title="核心数据展示区">
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12">
|
||||
@@ -293,7 +296,7 @@
|
||||
<!-- Highlights Section -->
|
||||
<section id="highlights" class="py-20 relative overflow-hidden">
|
||||
<!-- 背景图片层 - 降低透明度 -->
|
||||
<div class="absolute inset-0 opacity-20" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/Whisk_27184afa6e.jpg'); background-size: cover; background-position: center; background-attachment: fixed;"></div>
|
||||
<div class="absolute inset-0 opacity-20" style="background-image: url('data/订单班文档资料/文旅/notion文稿/image/Whisk_27184afa6e.jpg'); background-size: cover; background-position: center; background-attachment: fixed;"></div>
|
||||
|
||||
<!-- 强化遮罩层 - 确保主体内容清晰 -->
|
||||
<div class="absolute inset-0 bg-white/85"></div>
|
||||
@@ -309,7 +312,7 @@
|
||||
<!-- Card 1 -->
|
||||
<div class="bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-2xl animate-fadeInUp animation-delay-200">
|
||||
<div class="h-48 relative overflow-hidden">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/3.小米汽车.jpg" alt="小米汽车" class="w-full h-full object-cover">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/3.小米汽车.jpg" alt="小米汽车" class="w-full h-full object-cover">
|
||||
<div class="absolute top-4 left-4">
|
||||
<div class="bg-blue-500 text-white px-3 py-1 rounded-full text-xs font-semibold">热门展区</div>
|
||||
</div>
|
||||
@@ -328,7 +331,7 @@
|
||||
<!-- Card 2 -->
|
||||
<div class="bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-2xl animate-fadeInUp animation-delay-400">
|
||||
<div class="h-48 relative overflow-hidden">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/2.试驾小景.jpg" alt="试驾体验" class="w-full h-full object-cover">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/2.试驾小景.jpg" alt="试驾体验" class="w-full h-full object-cover">
|
||||
<div class="absolute top-4 left-4">
|
||||
<div class="bg-emerald-500 text-white px-3 py-1 rounded-full text-xs font-semibold">互动体验</div>
|
||||
</div>
|
||||
@@ -347,7 +350,7 @@
|
||||
<!-- Card 3 -->
|
||||
<div class="bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-2xl animate-fadeInUp animation-delay-600">
|
||||
<div class="h-48 relative overflow-hidden">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/展会内部参观.jpg" alt="论坛峰会" class="w-full h-full object-cover">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/展会内部参观.jpg" alt="论坛峰会" class="w-full h-full object-cover">
|
||||
<div class="absolute top-4 left-4">
|
||||
<div class="bg-purple-500 text-white px-3 py-1 rounded-full text-xs font-semibold">主题论坛</div>
|
||||
</div>
|
||||
@@ -425,7 +428,7 @@
|
||||
<!-- 展馆布置图 -->
|
||||
<div class="mt-12 animate-fadeInUp animation-delay-700">
|
||||
<div class="bg-white/90 backdrop-blur rounded-2xl shadow-xl overflow-hidden">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/展馆布置图.jpeg" alt="展馆布置图" class="w-full h-auto hover:scale-105 transition-transform duration-700">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/展馆布置图.jpeg" alt="展馆布置图" class="w-full h-auto hover:scale-105 transition-transform duration-700">
|
||||
<div class="p-4 bg-gradient-to-r from-purple-600 to-indigo-600 text-white">
|
||||
<p class="text-center font-semibold"><i class="fas fa-map-marked-alt mr-2"></i>展馆3D全景布置图 - 点击查看详情</p>
|
||||
</div>
|
||||
@@ -437,13 +440,13 @@
|
||||
<!-- Gallery Section -->
|
||||
<section class="py-20 bg-gradient-to-br from-gray-900 to-purple-900 relative overflow-hidden">
|
||||
<div class="absolute inset-0 opacity-10">
|
||||
<div class="absolute top-0 left-0 w-full h-full bg-[url('../data/订单班文档资料/文旅/notion文稿/image/展会内部参观.jpg')] bg-cover bg-center bg-fixed"></div>
|
||||
<div class="absolute top-0 left-0 w-full h-full bg-[url('data/订单班文档资料/文旅/notion文稿/image/展会内部参观.jpg')] bg-cover bg-center bg-fixed"></div>
|
||||
</div>
|
||||
<div class="container mx-auto px-6 relative z-10" title="精彩瞬间展示区">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-12 animate-fadeInUp">精彩瞬间</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
||||
<div class="group relative overflow-hidden rounded-2xl shadow-2xl animate-fadeInUp animation-delay-200">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/展会内部参观.jpg" alt="展会内部" class="w-full h-64 object-cover transform transition-transform duration-700 group-hover:scale-110">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/展会内部参观.jpg" alt="展会内部" class="w-full h-64 object-cover transform transition-transform duration-700 group-hover:scale-110">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-6 text-white transform translate-y-20 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h3 class="text-xl font-bold mb-2">展馆内部参观</h3>
|
||||
@@ -453,7 +456,7 @@
|
||||
</div>
|
||||
|
||||
<div class="group relative overflow-hidden rounded-2xl shadow-2xl animate-fadeInUp animation-delay-400">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/签到.jpg" alt="签到处" class="w-full h-64 object-cover transform transition-transform duration-700 group-hover:scale-110">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/签到.jpg" alt="签到处" class="w-full h-64 object-cover transform transition-transform duration-700 group-hover:scale-110">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-6 text-white transform translate-y-20 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h3 class="text-xl font-bold mb-2">智能签到系统</h3>
|
||||
@@ -463,7 +466,7 @@
|
||||
</div>
|
||||
|
||||
<div class="group relative overflow-hidden rounded-2xl shadow-2xl animate-fadeInUp animation-delay-600">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/3.小米汽车.jpg" alt="展品展示" class="w-full h-64 object-cover transform transition-transform duration-700 group-hover:scale-110">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/3.小米汽车.jpg" alt="展品展示" class="w-full h-64 object-cover transform transition-transform duration-700 group-hover:scale-110">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-6 text-white transform translate-y-20 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h3 class="text-xl font-bold mb-2">明星展品</h3>
|
||||
@@ -476,7 +479,7 @@
|
||||
<!-- 更多图片展示 -->
|
||||
<div class="grid md:grid-cols-4 gap-4">
|
||||
<div class="group relative overflow-hidden rounded-xl shadow-xl animate-fadeInUp animation-delay-800">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_03282ab7e5.jpg" alt="展品1" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_03282ab7e5.jpg" alt="展品1" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-purple-600/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-4 text-white transform translate-y-10 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h4 class="text-sm font-bold">智能驾驶展示</h4>
|
||||
@@ -484,7 +487,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="group relative overflow-hidden rounded-xl shadow-xl animate-fadeInUp animation-delay-900">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_15f65339bb.jpg" alt="展品2" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_15f65339bb.jpg" alt="展品2" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-indigo-600/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-4 text-white transform translate-y-10 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h4 class="text-sm font-bold">充电技术革新</h4>
|
||||
@@ -492,7 +495,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="group relative overflow-hidden rounded-xl shadow-xl animate-fadeInUp animation-delay-1000">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_192cdc54bc.jpg" alt="展品3" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_192cdc54bc.jpg" alt="展品3" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-blue-600/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-4 text-white transform translate-y-10 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h4 class="text-sm font-bold">电池技术展览</h4>
|
||||
@@ -500,7 +503,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="group relative overflow-hidden rounded-xl shadow-xl animate-fadeInUp animation-delay-1100">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_1c05424f7f.jpg" alt="展品4" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_1c05424f7f.jpg" alt="展品4" class="w-full h-48 object-cover transform transition-all duration-500 group-hover:scale-110 group-hover:rotate-1">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-cyan-600/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end">
|
||||
<div class="p-4 text-white transform translate-y-10 group-hover:translate-y-0 transition-transform duration-300">
|
||||
<h4 class="text-sm font-bold">智慧交通系统</h4>
|
||||
|
||||
@@ -183,30 +183,30 @@
|
||||
lime: { primary: '#84cc16', secondary: '#a3e635', accent: '#bef264' }
|
||||
};
|
||||
|
||||
const colors = colorMap[color] || colorMap.emerald;
|
||||
const colorScheme = colorMap[color] || colorMap.emerald;
|
||||
|
||||
style.textContent = `
|
||||
:root {
|
||||
--color-primary: ${colors.primary};
|
||||
--color-secondary: ${colors.secondary};
|
||||
--color-accent: ${colors.accent};
|
||||
--color-primary: ${colorScheme.primary};
|
||||
--color-secondary: ${colorScheme.secondary};
|
||||
--color-accent: ${colorScheme.accent};
|
||||
}
|
||||
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(135deg, ${colors.primary} 0%, ${colors.secondary} 100%);
|
||||
background: linear-gradient(135deg, ${colorScheme.primary} 0%, ${colorScheme.secondary} 100%);
|
||||
}
|
||||
|
||||
.text-primary { color: ${colors.primary}; }
|
||||
.bg-primary { background-color: ${colors.primary}; }
|
||||
.border-primary { border-color: ${colors.primary}; }
|
||||
.text-primary { color: ${colorScheme.primary}; }
|
||||
.bg-primary { background-color: ${colorScheme.primary}; }
|
||||
.border-primary { border-color: ${colorScheme.primary}; }
|
||||
|
||||
.nav-link.active { color: ${colors.primary}; }
|
||||
.nav-link.active span { background-color: ${colors.primary}; }
|
||||
.nav-link:hover { color: ${colors.primary}; }
|
||||
.nav-link span { background-color: ${colors.primary}; }
|
||||
.nav-link.active { color: ${colorScheme.primary}; }
|
||||
.nav-link.active span { background-color: ${colorScheme.primary}; }
|
||||
.nav-link:hover { color: ${colorScheme.primary}; }
|
||||
.nav-link span { background-color: ${colorScheme.primary}; }
|
||||
|
||||
.logo-icon {
|
||||
background: linear-gradient(to bottom right, ${colors.secondary}, ${colors.primary});
|
||||
background: linear-gradient(to bottom right, ${colorScheme.secondary}, ${colorScheme.primary});
|
||||
}
|
||||
`;
|
||||
|
||||
|
||||
@@ -139,7 +139,7 @@
|
||||
<div class="absolute top-0 left-0 w-96 h-96 bg-white/10 rounded-full filter blur-3xl animate-pulse"></div>
|
||||
<div class="absolute bottom-0 right-0 w-96 h-96 bg-pink-300/20 rounded-full filter blur-3xl animate-pulse animation-delay-2000"></div>
|
||||
<!-- 背景图片 -->
|
||||
<div class="absolute inset-0 opacity-10" style="background-image: url('../../data/订单班文档资料/文旅/notion文稿/image/Whisk_1c05424f7f.jpg'); background-size: cover; background-position: center;"></div>
|
||||
<div class="absolute inset-0 opacity-10" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/Whisk_1c05424f7f.jpg'); background-size: cover; background-position: center;"></div>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto px-6 relative z-10">
|
||||
@@ -172,7 +172,7 @@
|
||||
<!-- Marketing Strategy Timeline -->
|
||||
<section class="py-16 bg-white relative overflow-hidden">
|
||||
<!-- 背景装饰 -->
|
||||
<div class="absolute inset-0 opacity-5" style="background-image: url('../../data/订单班文档资料/文旅/notion文稿/image/Whisk_4aabd94ef3.jpg'); background-size: cover; background-position: center;"></div>
|
||||
<div class="absolute inset-0 opacity-5" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/Whisk_4aabd94ef3.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">
|
||||
|
||||
@@ -174,7 +174,7 @@
|
||||
<section class="relative min-h-screen flex items-center justify-center overflow-hidden">
|
||||
<!-- Background Image with Overlay -->
|
||||
<div class="absolute inset-0">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_9e8c1f44ac.jpg"
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_9e8c1f44ac.jpg"
|
||||
alt="Exhibition Background"
|
||||
class="w-full h-full object-cover opacity-20"
|
||||
loading="eager">
|
||||
@@ -368,7 +368,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 max-w-2xl">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_dcc81c5212.jpg"
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_dcc81c5212.jpg"
|
||||
alt="CAD设计图"
|
||||
class="w-full rounded-2xl shadow-2xl">
|
||||
</div>
|
||||
@@ -395,7 +395,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 max-w-2xl">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_e8f83d1a37.jpg"
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_e8f83d1a37.jpg"
|
||||
alt="概念设计图"
|
||||
class="w-full rounded-2xl shadow-2xl">
|
||||
</div>
|
||||
@@ -422,7 +422,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 max-w-2xl">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_be64a7b61f.jpg"
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_be64a7b61f.jpg"
|
||||
alt="3D建模"
|
||||
class="w-full rounded-2xl shadow-2xl">
|
||||
</div>
|
||||
@@ -455,7 +455,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 max-w-2xl">
|
||||
<img src="../data/订单班文档资料/文旅/notion文稿/image/Whisk_c478fe089d.jpg"
|
||||
<img src="data/订单班文档资料/文旅/notion文稿/image/Whisk_c478fe089d.jpg"
|
||||
alt="最终方案"
|
||||
class="w-full rounded-2xl shadow-2xl">
|
||||
</div>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -462,7 +462,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Detailed Risk Analysis -->
|
||||
<section class="py-20 bg-gray-50" style="background-image: url('../../data/订单班文档资料/文旅/notion文稿/image/风险管理.jpg'); background-size: cover; background-position: center; background-attachment: fixed;">
|
||||
<section class="py-20 bg-gray-50" style="background-image: url('../data/订单班文档资料/文旅/notion文稿/image/风险管理.jpg'); background-size: cover; background-position: center; background-attachment: fixed;">
|
||||
<div class="bg-gray-50/95 backdrop-blur-sm py-20">
|
||||
<div class="container mx-auto px-6">
|
||||
<h2 class="text-4xl font-bold text-center mb-12">重点风险详细分析</h2>
|
||||
|
||||
Reference in New Issue
Block a user