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

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

Browse Source 
详细说明:
- 将产品宣传海报设计数量从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
Download Patch File Download Diff File Expand all files Collapse all files

77
web_frontend/web_result/order-classes/finance/index.html
View File

@@ -312,7 +312,7 @@
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="image"></i> 视觉营销体系</h3>
<p>3套产品宣传海报（深层补水/科学配方/场景化主题）+ 4套小红书种草卡片设计，建立50+张可复用素材库，确保全平台视觉一致性。</p>
<p>2套产品宣传海报（深层补水/科学配方/场景化主题）+ 4套小红书种草卡片设计，建立50+张可复用素材库，确保全平台视觉一致性。</p>
</div>
<div class="grid grid-2">
@@ -496,24 +496,65 @@
</div>
</div>
<div class="stats-chart" style="margin-top: var(--spacing-xl);">
<h3>投放效果指标</h3>
<div class="stat-item-chart">
<div class="stat-header">
<span class="stat-label">广告ROI</span>
<span class="stat-value ad-roi">0%</span>
<div class="circular-stats" style="margin-top: var(--spacing-xl);">
<h3 style="margin-bottom: var(--spacing-xl); text-align: center;">投放效果指标</h3>
<div class="circular-stats-grid">
<!-- 广告ROI圆形图 -->
<div class="circular-stat-item">
<div class="circular-chart">
<svg viewBox="0 0 200 200" class="circular-progress-svg">
<!-- 背景圆环 -->
<circle cx="100" cy="100" r="80"
fill="none"
stroke="var(--border-light)"
stroke-width="16"/>
<!-- 进度圆环 (420% / 350% = 120%, 显示为满圆) -->
<circle cx="100" cy="100" r="80"
fill="none"
stroke="var(--primary-blue)"
stroke-width="16"
stroke-dasharray="502.65"
stroke-dashoffset="0"
stroke-linecap="round"
transform="rotate(-90 100 100)"
class="progress-circle roi-progress"/>
</svg>
<div class="circular-chart-content">
<div class="circular-value ad-roi">0%</div>
<div class="circular-label">实际ROI</div>
<div class="circular-target">目标: 350%</div>
</div>
</div>
<div class="circular-stat-label">广告投资回报率</div>
</div>
<div class="stat-bar">
<div class="stat-bar-fill" style="width: 95%"></div>
</div>
</div>
<div class="stat-item-chart">
<div class="stat-header">
<span class="stat-label">点击率CTR</span>
<span class="stat-value">3.2%</span>
</div>
<div class="stat-bar">
<div class="stat-bar-fill" style="width: 70%"></div>
<!-- CTR圆形图 -->
<div class="circular-stat-item">
<div class="circular-chart">
<svg viewBox="0 0 200 200" class="circular-progress-svg">
<!-- 背景圆环 -->
<circle cx="100" cy="100" r="80"
fill="none"
stroke="var(--border-light)"
stroke-width="16"/>
<!-- 进度圆环 (3.2% / 5% = 64%) -->
<circle cx="100" cy="100" r="80"
fill="none"
stroke="var(--accent-gold)"
stroke-width="16"
stroke-dasharray="502.65"
stroke-dashoffset="180.95"
stroke-linecap="round"
transform="rotate(-90 100 100)"
class="progress-circle ctr-progress"/>
</svg>
<div class="circular-chart-content">
<div class="circular-value ctr-value">3.2%</div>
<div class="circular-label">点击率</div>
<div class="circular-target">目标: 5%</div>
</div>
</div>
<div class="circular-stat-label">广告点击转化率</div>
</div>
</div>
</div>