修改了轮播循环 10秒 8秒完成滚动 2秒停顿
This commit is contained in:
parent
01d70420d5
commit
05b4d8dcc0
@ -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) // 触发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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user