From 462656880c29b56fd6908f0a43a52bd3cbbe7ac1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BE=AE=E5=BE=AE=E4=B8=80=E7=AC=91?= <709648985@qq.com> Date: Tue, 30 Sep 2025 17:32:04 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E6=8A=A5=E8=AD=A6=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E6=97=A0=E7=BC=9D=E8=BD=AE=E6=92=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/homeIndex/components/RealTimeAlarm.vue | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/views/homeIndex/components/RealTimeAlarm.vue b/src/views/homeIndex/components/RealTimeAlarm.vue index 207c368..1d5c6d5 100644 --- a/src/views/homeIndex/components/RealTimeAlarm.vue +++ b/src/views/homeIndex/components/RealTimeAlarm.vue @@ -109,9 +109,10 @@ const startScroll = () => { scrollPosition.value += scrollSpeed; - // 当滚动超过一份数据的高度时,重置位置 - if (itemHeight.value > 0 && scrollPosition.value >= itemHeight.value * displayData.value.length) { - scrollPosition.value = 0; + // 当滚动超过一份数据的高度时,减去整段高度,实现无缝衔接 + const oneListHeight = itemHeight.value * displayData.value.length; + if (itemHeight.value > 0 && scrollPosition.value >= oneListHeight) { + scrollPosition.value -= oneListHeight; } // 应用滚动效果 @@ -201,7 +202,10 @@ onUnmounted(() => { } .alarm-table-body-inner { - transition: transform 0.1s linear; + transition: none; + will-change: transform; + transform: translateZ(0); + backface-visibility: hidden; } .alarm-item {