From f5cb19dfa4ff7b04cfa2065f7c0b94fb764f3e70 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 12 Sep 2025 15:32:03 +0800
Subject: [PATCH] =?UTF-8?q?style(editor):=20=E9=A1=B5=E9=9D=A2=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=95=BF=E5=BA=A6=E8=B6=85=E8=BF=87=E5=8F=AF=E8=A7=86?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E6=97=B6=E5=87=BA=E7=8E=B0=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor/src/layouts/page-bar/PageList.vue  | 28 ++++++++++---------
 packages/editor/src/theme/page-bar.scss       |  5 ++++
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/packages/editor/src/layouts/page-bar/PageList.vue b/packages/editor/src/layouts/page-bar/PageList.vue
index 07665c62..1eab9969 100644
--- a/packages/editor/src/layouts/page-bar/PageList.vue
+++ b/packages/editor/src/layouts/page-bar/PageList.vue
@@ -11,19 +11,21 @@
       :width="160"
       :destroy-on-close="true"
     >
-      <div>
-        <slot name="page-list-popover" :list="list">
-          <ToolButton
-            v-for="(item, index) in list"
-            :data="{
-              type: 'button',
-              text: item.devconfig?.tabName || item.name || item.id,
-              className: item.id === page?.id ? 'active' : '',
-              handler: () => switchPage(item.id),
-            }"
-            :key="index"
-          ></ToolButton>
-        </slot>
+      <div class="page-bar-popover-wrapper">
+        <div class="page-bar-popover-inner">
+          <slot name="page-list-popover" :list="list">
+            <ToolButton
+              v-for="(item, index) in list"
+              :data="{
+                type: 'button',
+                text: item.devconfig?.tabName || item.name || item.id,
+                className: item.id === page?.id ? 'active' : '',
+                handler: () => switchPage(item.id),
+              }"
+              :key="index"
+            ></ToolButton>
+          </slot>
+        </div>
       </div>
       <template #reference>
         <TMagicIcon class="m-editor-page-list-menu-icon">
diff --git a/packages/editor/src/theme/page-bar.scss b/packages/editor/src/theme/page-bar.scss
index fde0be16..766a6d73 100644
--- a/packages/editor/src/theme/page-bar.scss
+++ b/packages/editor/src/theme/page-bar.scss
@@ -92,6 +92,11 @@
     padding: 4px 0;
   }
 
+  .page-bar-popover-wrapper {
+    max-height: calc(100vh - $page-bar-height - 20px);
+    overflow: auto;
+  }
+
   .menu-item {
     cursor: pointer;
     transition: all 0.2s ease 0s;