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:
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user