bdzl2/bxztApp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

注释一些滚动动画相关控制台信息

Browse Source
This commit is contained in:
huangchenhao 2025-12-02 18:18:08 +08:00
parent e474ef2936
commit 5943f768e1
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue
View File

@ -229,8 +229,8 @@ const initScroll = () => {
// 强制重新计算布局 // 强制重新计算布局
void content.offsetHeight; void content.offsetHeight;
console.log("内容高度:", content.scrollHeight); // console.log("内容高度:", content.scrollHeight);
console.log("容器高度:", container.clientHeight); // console.log("容器高度:", container.clientHeight);
// 重置位置和动画 // 重置位置和动画
content.style.transition = "none"; content.style.transition = "none";
@ -239,24 +239,24 @@ const initScroll = () => {
// 如果内容高度大于容器高度，需要滚动 // 如果内容高度大于容器高度，需要滚动
if (content.scrollHeight > container.clientHeight) { if (content.scrollHeight > container.clientHeight) {
const scrollDistance = content.scrollHeight - container.clientHeight; const scrollDistance = content.scrollHeight - container.clientHeight;
console.log("滚动距离:", scrollDistance); // console.log("滚动距离:", scrollDistance);
// 设置滚动动画 // 设置滚动动画
const scroll = () => { const scroll = () => {
console.log("开始滚动"); // console.log("开始滚动");
const animationDuration = scrollDistance / 20; // 2.8秒 const animationDuration = scrollDistance / 20; // 2.8秒
content.style.transition = `transform ${animationDuration}s linear`; content.style.transition = `transform ${animationDuration}s linear`;
content.style.transform = `translateY(-${scrollDistance}px)`; content.style.transform = `translateY(-${scrollDistance}px)`;
// 动画结束后回到起点并暂停2秒 // 动画结束后回到起点并暂停2秒
scrollTimer1 = setTimeout(() => { scrollTimer1 = setTimeout(() => {
console.log("滚动完成，回到起点"); // console.log("滚动完成，回到起点");
content.style.transition = "none"; content.style.transition = "none";
content.style.transform = "translateY(0)"; content.style.transform = "translateY(0)";
// 2秒后重新开始滚动 // 2秒后重新开始滚动
scrollTimer2 = setTimeout(() => { scrollTimer2 = setTimeout(() => {
console.log("暂停结束，重新开始滚动"); // console.log("暂停结束，重新开始滚动");
scroll(); scroll();
}, 2000); }, 2000);
}, animationDuration * 1000); }, animationDuration * 1000);
@ -264,7 +264,7 @@ const initScroll = () => {
// 初始暂停2秒后开始滚动 // 初始暂停2秒后开始滚动
scrollTimer1 = setTimeout(() => { scrollTimer1 = setTimeout(() => {
console.log("初始暂停结束，开始滚动"); // console.log("初始暂停结束，开始滚动");
scroll(); scroll();
}, 2000); }, 2000);
} else { } else {
@ -285,7 +285,7 @@ onMounted(() => {
watchEffect(() => { watchEffect(() => {
// 强制依赖 stations 数组的长度 // 强制依赖 stations 数组的长度
const stationsLength = forcePreset.value.stations?.length || 0; const stationsLength = forcePreset.value.stations?.length || 0;
console.log("stations长度变化:", stationsLength); // console.log("stations长度变化:", stationsLength);
nextTick(() => { nextTick(() => {
setTimeout(() => { setTimeout(() => {