diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue index c069976..b528a4f 100644 --- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue +++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue @@ -62,9 +62,7 @@
- 应急基地与预置点 { - console.log('viewer',viewer.value); - console.log('triggerJump',triggerJump); + console.log("viewer", viewer.value); + console.log("triggerJump", triggerJump); - if (viewer.value && triggerJump) { - - triggerJump(5, 10) // 触发5秒跳动,高度10像素 + triggerJump(5, 10); // 触发5秒跳动,高度10像素 } -} +}; // 下拉框状态 const isDropdownOpen = ref(false); @@ -424,34 +420,29 @@ const vClickOutside = { display: flex; flex-direction: column; gap: vh(8); - animation: scroll 8s linear infinite; + animation: scroll 10s linear infinite; // 改为10秒,包含2秒停顿 will-change: transform; - padding-right: vw(4); // 保留滚动条空间 - - // 鼠标悬停暂停滚动 + padding-right: vw(4); &:hover { animation-play-state: paused; } } - &::-webkit-scrollbar { - width: vw(4); - } - - &::-webkit-scrollbar-thumb { - background: rgba(20, 53, 118, 0.5); - border-radius: vw(2); - } @keyframes scroll { 0% { transform: translateY(0); } + 80% { + transform: translateY(calc(-100% + vw(120))); // 前8秒完成滚动 + } 100% { - transform: translateY(calc(-100% + vw(120))); + transform: translateY( + calc(-100% + vw(120)) + ); // 后2秒保持位置(停顿) } } - + .station-item { display: flex; align-items: center;