From 8d13f3e5ca647867e163a588e6437901e90081b3 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 4 Jun 2026 23:33:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BF=AE=E5=A4=8D=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E5=92=8C=E9=97=B4=E8=B7=9D=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@layouts/components/VerticalNavLayout.vue |  3 +-
 src/components/slide/VirtualSlideView.vue     |  5 +-
 src/views/reorganize/DownloadingListView.vue  | 61 ++++++-------------
 3 files changed, 20 insertions(+), 49 deletions(-)

diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index 2d54a535..319623ea 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -459,8 +459,7 @@ export default defineComponent({
 
     .layout-page-content {
       // display: flex;
-      // 使用 clip 替代 hidden，避免 Chrome 144+ 滚动锁定问题
-      overflow: clip auto;
+      overflow: auto;
 
       .page-content-container {
         inline-size: 100%;
diff --git a/src/components/slide/VirtualSlideView.vue b/src/components/slide/VirtualSlideView.vue
index 767697e3..bbdbfc7b 100644
--- a/src/components/slide/VirtualSlideView.vue
+++ b/src/components/slide/VirtualSlideView.vue
@@ -301,7 +301,7 @@ watch(
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  margin-block-end: 8px;
+  margin-block-end: 12px;
   padding-block: 0;
   padding-inline: 8px;
 
@@ -361,8 +361,7 @@ watch(
   // 横向滚动会让纵向 visible 被浏览器计算成可裁剪区域，这里用缓冲区承接卡片阴影。
   margin-block: calc(var(--slider-shadow-bleed-start) * -1) calc(var(--slider-shadow-bleed-end) * -1);
   -ms-overflow-style: none !important;
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow: auto hidden;
   overscroll-behavior-x: contain !important;
   padding-block: var(--slider-shadow-bleed-start) var(--slider-shadow-bleed-end);
   padding-inline: 12px;
diff --git a/src/views/reorganize/DownloadingListView.vue b/src/views/reorganize/DownloadingListView.vue
index af1db9ae..e7ff2dfe 100644
--- a/src/views/reorganize/DownloadingListView.vue
+++ b/src/views/reorganize/DownloadingListView.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { VPullToRefresh } from 'vuetify/labs/VPullToRefresh'
 import api from '@/api'
 import type { DownloadingInfo } from '@/api/types'
 import NoDataFound from '@/components/NoDataFound.vue'
@@ -39,17 +38,6 @@ async function fetchData(_context: KeepAliveRefreshContext = {}) {
   }
 }
 
-// 刷新状态
-const loading = ref(false)
-
-// 下拉刷新
-function onRefresh() {
-  loading.value = true
-  void fetchData().finally(() => {
-    loading.value = false
-  })
-}
-
 // 过滤数据，管理员用户显示全部，非管理员只显示自己的订阅
 const filteredDataList = computed(() => {
   // 从 Store 中获取用户信息
@@ -64,7 +52,7 @@ const { loading: dataLoading } = useDataRefresh(
   'downloading-list',
   fetchData,
   3000, // 3秒间隔
-  false // 初始加载交给 keep-alive 页面自身，避免同时发起两次请求
+  false, // 初始加载交给 keep-alive 页面自身，避免同时发起两次请求
 )
 
 onMounted(fetchData)
@@ -76,36 +64,21 @@ useKeepAliveRefresh(fetchData, {
 
 <template>
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
-  <VPullToRefresh
-    v-model="loading"
-    class="downloading-refresh-shell"
-    @load="onRefresh"
-    :pull-down-threshold="64"
+  <ProgressiveCardGrid
+    v-if="filteredDataList.length > 0"
+    :items="filteredDataList"
+    :get-item-key="item => item.hash || item.name"
+    :min-item-width="320"
+    :estimated-item-height="230"
   >
-    <ProgressiveCardGrid
-      v-if="filteredDataList.length > 0"
-      :items="filteredDataList"
-      :get-item-key="item => item.hash || item.name"
-      :min-item-width="320"
-      :estimated-item-height="230"
-    >
-      <template #default="{ item }">
-        <DownloadingCard :info="item" :downloader-name="props.name" />
-      </template>
-    </ProgressiveCardGrid>
-    <NoDataFound
-      v-if="filteredDataList.length === 0 && isRefreshed"
-      error-code="404"
-      :error-title="t('downloading.noTask')"
-      :error-description="t('downloading.noTaskDescription')"
-    />
-  </VPullToRefresh>
+    <template #default="{ item }">
+      <DownloadingCard :info="item" :downloader-name="props.name" />
+    </template>
+  </ProgressiveCardGrid>
+  <NoDataFound
+    v-if="filteredDataList.length === 0 && isRefreshed"
+    error-code="404"
+    :error-title="t('downloading.noTask')"
+    :error-description="t('downloading.noTaskDescription')"
+  />
 </template>
-
-<style lang="scss" scoped>
-// VPullToRefresh 自带 overflow: hidden，给下载卡阴影预留裁剪范围内的缓冲区。
-.downloading-refresh-shell {
-  margin: -2rem;
-  padding: 2rem;
-}
-</style>