dyf/dyf-vue-ui
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki 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;
// 当滚动超过一份数据的高度时，重置位置
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 {