修改了轮播循环 10秒 8秒完成滚动 2秒停顿

This commit is contained in:
huangchenhao 2025-12-02 17:18:30 +08:00
parent 01d70420d5
commit 05b4d8dcc0

View File

@ -62,9 +62,7 @@
<div class="summary-stats">
<div class="stat-group">
<div class="stat-card stat-card--base">
<span class="stat-label flexBox"
@click="handleJump"
<span class="stat-label flexBox" @click="handleJump"
>应急基地与预置点
<img
@ -136,19 +134,17 @@ import { ref, inject } from "vue";
const { forcePreset } = inject("disasterData");
const onDistanceChange = inject("onDistanceChange");
const viewer = inject('cesiumViewer')
const triggerJump = inject('triggerJump')
const viewer = inject("cesiumViewer");
const triggerJump = inject("triggerJump");
//
const handleJump = () => {
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) // 510
}
triggerJump(5, 10); // 510
}
};
//
const isDropdownOpen = ref(false);
@ -424,31 +420,26 @@ const vClickOutside = {
display: flex;
flex-direction: column;
gap: vh(8);
animation: scroll 8s linear infinite;
animation: scroll 10s linear infinite; // 102
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
}
}