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;