fix: 更新财经商贸页面的产品宣传海报设计数量

详细说明:
- 将产品宣传海报设计数量从3套更新为2套,以反映最新的设计进度
- 更新相关文本内容以保持一致性
- 修改文件: web_frontend/exhibition-demo/src/data/terminalSimulations/finance.ts, web_frontend/web_result/order-classes/finance/index.html
This commit is contained in:
Yep_Q
2025-10-13 20:51:02 +08:00
parent 0a79023e31
commit c31956715a
11 changed files with 612 additions and 192 deletions

View File

@@ -287,7 +287,7 @@ body.dark-theme .hero {
.section:nth-child(1) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('../images/硅晶圆检测项目.jpg');
url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -296,7 +296,7 @@ body.dark-theme .hero {
.section:nth-child(2) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('../images/光学镜头检测硅晶圆示意图.jpg');
url('https://images.unsplash.com/photo-1532094349884-543bc11b234d?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -305,7 +305,7 @@ body.dark-theme .hero {
.section:nth-child(3) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('../images/外观热力图(颗粒划痕腐蚀).jpg');
url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -314,7 +314,7 @@ body.dark-theme .hero {
.section:nth-child(4) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('../images/检测结果主图.jpg');
url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -343,7 +343,7 @@ body.dark-theme .hero {
body.dark-theme .section:nth-child(1) {
background-image:
linear-gradient(to bottom, rgba(15, 10, 31, 0.92) 0%, rgba(20, 15, 35, 0.88) 100%),
url('../images/硅晶圆检测项目.jpg');
url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -352,7 +352,7 @@ body.dark-theme .section:nth-child(1) {
body.dark-theme .section:nth-child(2) {
background-image:
linear-gradient(to bottom, rgba(20, 15, 35, 0.90) 0%, rgba(15, 10, 31, 0.88) 100%),
url('../images/光学镜头检测硅晶圆示意图.jpg');
url('https://images.unsplash.com/photo-1532094349884-543bc11b234d?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -361,7 +361,7 @@ body.dark-theme .section:nth-child(2) {
body.dark-theme .section:nth-child(3) {
background-image:
linear-gradient(to bottom, rgba(15, 10, 31, 0.92) 0%, rgba(20, 15, 35, 0.88) 100%),
url('../images/外观热力图(颗粒划痕腐蚀).jpg');
url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -370,7 +370,7 @@ body.dark-theme .section:nth-child(3) {
body.dark-theme .section:nth-child(4) {
background-image:
linear-gradient(to bottom, rgba(20, 15, 35, 0.90) 0%, rgba(15, 10, 31, 0.88) 100%),
url('../images/检测结果主图.jpg');
url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1600&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -1089,3 +1089,54 @@ body.dark-theme .theme-icon-light {
flex: 1 1 100%;
}
}
/* ========== Section背景图片修正 ========== */
/* 使用更具体的选择器来匹配实际的section元素 */
body > section.section:nth-of-type(2) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1600&q=80') !important;
}
body > section.section:nth-of-type(3) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('https://images.unsplash.com/photo-1532094349884-543bc11b234d?w=1600&q=80') !important;
}
body > section.section:nth-of-type(4) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&q=80') !important;
}
body > section.section:nth-of-type(5) {
background-image:
linear-gradient(to bottom, rgba(245, 243, 255, 0.9) 0%, rgba(237, 233, 254, 1) 100%),
url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1600&q=80') !important;
}
/* 深色主题 */
body.dark-theme > section.section:nth-of-type(2) {
background-image:
linear-gradient(to bottom, rgba(15, 10, 31, 0.92) 0%, rgba(20, 15, 35, 0.88) 100%),
url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1600&q=80') !important;
}
body.dark-theme > section.section:nth-of-type(3) {
background-image:
linear-gradient(to bottom, rgba(20, 15, 35, 0.90) 0%, rgba(15, 10, 31, 0.88) 100%),
url('https://images.unsplash.com/photo-1532094349884-543bc11b234d?w=1600&q=80') !important;
}
body.dark-theme > section.section:nth-of-type(4) {
background-image:
linear-gradient(to bottom, rgba(15, 10, 31, 0.92) 0%, rgba(20, 15, 35, 0.88) 100%),
url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&q=80') !important;
}
body.dark-theme > section.section:nth-of-type(5) {
background-image:
linear-gradient(to bottom, rgba(20, 15, 35, 0.90) 0%, rgba(15, 10, 31, 0.88) 100%),
url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1600&q=80') !important;
}

View File

@@ -524,7 +524,7 @@
</div>
<!-- Alternating Layout: 检测结果可视化 -->
<div class="alternating-layout">
<div class="alternating-layout" style="margin-top: var(--spacing-3xl);">
<div class="image-container">
<img data-src="images/检测结果主图.jpg" alt="检测结果" loading="lazy">
<div class="image-caption">检测结果数据可视化</div>
@@ -796,71 +796,6 @@
</div>
</section>
<!-- AI核心能力展示 -->
<section class="section">
<div class="container">
<div class="expert-intro">
<h2 class="section-title text-center" style="margin-bottom: var(--spacing-md);">
<i data-lucide="cpu"></i> AI核心能力
</h2>
<p style="text-align: center; color: var(--text-secondary); max-width: 800px; margin: 0 auto;">
本项目采用先进的AI技术实现从数据采集到报告生成的全流程自动化大幅提升检测效率与准确性。
</p>
</div>
<!-- Icon Grid -->
<div class="icon-grid" style="margin-top: var(--spacing-2xl);">
<div class="icon-card">
<div class="icon-card-icon">🧹</div>
<h4 class="icon-card-title">自动数据清洗</h4>
<p class="icon-card-value">去噪、校正、标准化</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">🧠</div>
<h4 class="icon-card-title">智能主判定</h4>
<p class="icon-card-value">合格/观察/不合格</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">⚖️</div>
<h4 class="icon-card-title">阈值自动比对</h4>
<p class="icon-card-value">实时对标工艺窗口</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">📊</div>
<h4 class="icon-card-title">可信度评估</h4>
<p class="icon-card-value">0.94平均可信度</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">📈</div>
<h4 class="icon-card-title">趋势预测</h4>
<p class="icon-card-value">工艺偏移预警</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">⚠️</div>
<h4 class="icon-card-title">异常自动预警</h4>
<p class="icon-card-value">低可信/越界提醒</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">📄</div>
<h4 class="icon-card-title">报告一键生成</h4>
<p class="icon-card-value">≤2分钟出具PDF</p>
</div>
<div class="icon-card">
<div class="icon-card-icon">🔄</div>
<h4 class="icon-card-title">持续学习优化</h4>
<p class="icon-card-value">模型迭代升级</p>
</div>
</div>
</div>
</section>
<script src="js/main.js"></script>
</body>
</html>