liubiao/dyf-vue-ui
1
0
Fork 0
forked from dyf/dyf-vue-ui
Code Pull Requests Activity

大屏报警列表无缝轮播

Browse Source
This commit is contained in:
微微一笑
2025-09-30 17:32:04 +08:00
parent 80d1570e68
commit 462656880c
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/homeIndex/components/RealTimeAlarm.vue
View File

@ -109,9 +109,10 @@ const startScroll = () => {
scrollPosition.value += scrollSpeed; scrollPosition.value += scrollSpeed;
// 当滚动超过一份数据的高度时，重置位置 // 当滚动超过一份数据的高度时，减去整段高度，实现无缝衔接
if (itemHeight.value > 0 && scrollPosition.value >= itemHeight.value * displayData.value.length) { const oneListHeight = itemHeight.value * displayData.value.length;
scrollPosition.value = 0; if (itemHeight.value > 0 && scrollPosition.value >= oneListHeight) {
scrollPosition.value -= oneListHeight;
} }
// 应用滚动效果 // 应用滚动效果
@ -201,7 +202,10 @@ onUnmounted(() => {
} }
.alarm-table-body-inner { .alarm-table-body-inner {
transition: transform 0.1s linear; transition: none;
will-change: transform;
transform: translateZ(0);
backface-visibility: hidden;
} }
.alarm-item { .alarm-item {