From a06cf69d7a209b013ed7a0a62d6d369bd82a5490 Mon Sep 17 00:00:00 2001 From: jxxghp Date: Wed, 2 Jul 2025 20:43:33 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96QuickAccess.vue=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/components/QuickAccess.vue | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/src/layouts/components/QuickAccess.vue b/src/layouts/components/QuickAccess.vue index d8fe703a..abf3497e 100644 --- a/src/layouts/components/QuickAccess.vue +++ b/src/layouts/components/QuickAccess.vue @@ -562,10 +562,18 @@ function handleBackdropClick(event: MouseEvent) { gap: 16px; min-block-size: 0; -webkit-overflow-scrolling: touch; + -ms-overflow-style: none; // IE/Edge overscroll-behavior: contain; padding-block: 24px; padding-inline: 20px; + + // 隐藏滚动条 + scrollbar-width: none; // Firefox touch-action: pan-y; + + &::-webkit-scrollbar { + display: none; // WebKit 浏览器 + } } .section-header { @@ -575,10 +583,6 @@ function handleBackdropClick(event: MouseEvent) { margin-block: 0 16px; margin-inline: 0; - &.with-margin { - margin-block-start: 24px; - } - .section-title { color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); font-size: 16px; @@ -598,13 +602,13 @@ function handleBackdropClick(event: MouseEvent) { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); - padding-block: 0 8px; + padding-block: 0; padding-inline: 0; } .all-plugins-grid { display: grid; - gap: 20px; + gap: 8px; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); } @@ -613,11 +617,10 @@ function handleBackdropClick(event: MouseEvent) { flex-direction: column; align-items: center; justify-content: center; - padding: 8px; border-radius: 12px; block-size: 120px; cursor: pointer; - gap: 8px; + gap: 4px; transition: all 0.2s ease; &:hover {