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

@@ -163,6 +163,9 @@ function updateStats() {
animateValue(element, 0, stat.value, 2000, stat.suffix);
}
});
// 圆形进度图表动画
animateCircularProgress();
}
// 数字动画函数
@@ -275,4 +278,27 @@ function initThemeToggle() {
}
});
}
}
// 圆形进度图表动画
function animateCircularProgress() {
// 计算圆的周长: 2 * π * r, r = 80
const circumference = 2 * Math.PI * 80; // 502.65
// ROI 圆环动画 (420% / 350% = 120%, 超过目标,显示满圆)
const roiElement = document.querySelector('.ad-roi');
const roiCircle = document.querySelector('.roi-progress');
if (roiCircle && roiElement) {
const roiPercent = 420 / 350; // 120%
const roiOffset = circumference * (1 - Math.min(roiPercent, 1)); // 满圆时offset为0
roiCircle.style.strokeDashoffset = roiOffset;
}
// CTR 圆环动画 (3.2% / 5% = 64%)
const ctrCircle = document.querySelector('.ctr-progress');
if (ctrCircle) {
const ctrPercent = 3.2 / 5; // 64%
const ctrOffset = circumference * (1 - ctrPercent); // 180.95
ctrCircle.style.strokeDashoffset = ctrOffset;
}
}