From a8d43fae137c81777dd236a9cb1d9cb6e08a26e5 Mon Sep 17 00:00:00 2001
From: Megghy <megghy@qq.com>
Date: Thu, 1 May 2025 16:52:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96OBS=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 App.vue 中移除 NGlobalStyle 组件
- 在 OBSLayout.vue 中更新容器样式，确保高度为100vh并添加overflow隐藏
- 在 FreshRequestOBS.vue 中增加最大高度限制，确保不超出视口高度，并强制隐藏溢出
---
 src/App.vue                                    |  1 -
 src/views/OBSLayout.vue                        | 17 ++++++++++++++++-
 src/views/obs/live-request/FreshRequestOBS.vue |  3 ++-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ff43eee..f0f1620 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -95,7 +95,6 @@
               <Suspense>
                 <TempComponent>
                   <NLayoutContent>
-                    <NGlobalStyle />
                     <NElement style="height: 100vh;">
                       <ViewerLayout v-if="layout == 'viewer'" />
                       <ManageLayout v-else-if="layout == 'manage'" />
diff --git a/src/views/OBSLayout.vue b/src/views/OBSLayout.vue
index 35b4b94..cb5096b 100644
--- a/src/views/OBSLayout.vue
+++ b/src/views/OBSLayout.vue
@@ -43,7 +43,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div style="height: 100vh;">
+  <div class="obs-container">
     <RouterView v-slot="{ Component }">
       <KeepAlive>
         <Suspense>
@@ -60,3 +60,18 @@ onUnmounted(() => {
     </RouterView>
   </div>
 </template>
+
+<style>
+.obs-container {
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+}
+
+/* 确保OBS中不出现滚动条 */
+body {
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+}
+</style>
diff --git a/src/views/obs/live-request/FreshRequestOBS.vue b/src/views/obs/live-request/FreshRequestOBS.vue
index f2200ca..2d89a9b 100644
--- a/src/views/obs/live-request/FreshRequestOBS.vue
+++ b/src/views/obs/live-request/FreshRequestOBS.vue
@@ -259,6 +259,7 @@ onUnmounted(() => {
   width: 100%;
   min-height: 150px; /* 增加最小高度 */
   min-width: 250px; /* 增加最小宽度 */
+  max-height: 100vh; /* 确保在OBS中不超出视口高度 */
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 250, 0.85) 100%);
   border-radius: 16px; /* 更大的圆角 */
   color: #333;
@@ -406,7 +407,7 @@ onUnmounted(() => {
 /* 歌曲列表 */
 .fresh-request-list-container {
   flex: 1; /* 占据剩余空间 */
-  overflow: hidden;
+  overflow: hidden !important; /* 强制隐藏溢出 */
   padding: 0 12px; /* 调整左右内边距 */
   margin-bottom: 8px;
   position: relative; /* 为空状态居中 */