From 4f051e5251cd42217fc982413b9cd8c477c6c835 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=AE=E5=8F=AE=E5=BD=93?= <604054726@qq.com> Date: Sat, 16 Sep 2023 16:51:11 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=BB=9A=E5=8A=A8=E4=BD=8D?= =?UTF-8?q?=E7=BD=AE=E8=AE=B0=E5=BD=95,=20=E8=BF=94=E5=9B=9E=E6=97=B6?= =?UTF-8?q?=E6=81=A2=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/slide/SlideView.vue | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/components/slide/SlideView.vue b/src/components/slide/SlideView.vue index 93fb0877..76bf7943 100644 --- a/src/components/slide/SlideView.vue +++ b/src/components/slide/SlideView.vue @@ -11,6 +11,8 @@ const props = defineProps({ const slideview_content = ref() // 分页切换状态 const disabled = ref(0) +// 记录滚动值 +const slideview_scrollLeft = ref(0) // 所有卡片数量 let slide_card_length: number // 卡片间距 @@ -58,6 +60,7 @@ function countMaxNumber() { // 修改分页切换按钮状态 function countDisabled() { + slideview_scrollLeft.value = slideview_content.value.scrollLeft card_current = slideview_content.value.scrollLeft === 0 ? 0 : Math.trunc((slideview_content.value.scrollLeft + card_width / 2) / card_width) if (slide_card_length * card_width <= slideview_content.value.clientWidth) disabled.value = 3 @@ -81,6 +84,12 @@ onUnmounted(() => { // 卸载事件 window.removeEventListener('resize', countMaxNumber) }) +onActivated(() => { + if (slideview_scrollLeft.value !== 0) { + // console.log(`onActivated: to_scrollLeft, ${slideview_scrollLeft.value}`) + slideview_content.value.scrollLeft = slideview_scrollLeft.value + } +})