From 770cf1c02b6ce3b8fa95ac110bd03a50c7783b90 Mon Sep 17 00:00:00 2001
From: shinya <kobayashi_shinya@outlook.com>
Date: Mon, 30 Jun 2025 12:52:31 +0800
Subject: [PATCH] feat: adjust button position

---
 src/app/play/page.tsx | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/app/play/page.tsx b/src/app/play/page.tsx
index 34a0519..e9aede6 100644
--- a/src/app/play/page.tsx
+++ b/src/app/play/page.tsx
@@ -1114,15 +1114,27 @@ function PlayPageClient() {
             )}
           </div>
 
-          {/* 数据源徽章放置在右侧，不影响标题居中 */}
-          {sourceName && (
-            <span
-              className='absolute right-2 sm:right-6 text-gray-300 text-sm border border-gray-500/60 px-2 py-[1px] rounded cursor-pointer hover:bg-gray-600/30 transition-colors'
-              onClick={onOpenSourcePanel}
-            >
-              {sourceName}
-            </span>
-          )}
+          <div className='absolute right-2 sm:right-6 flex flex-row items-center space-x-1'>
+            {totalEpisodes > 1 && (
+              <div
+                className='vds-button text-sm'
+                onClick={() => {
+                  setShowEpisodePanel(true);
+                  playerContainerRef.current?.focus();
+                }}
+              >
+                选集
+              </div>
+            )}
+            {sourceName && (
+              <span
+                className='text-gray-300 text-sm border border-gray-500/60 px-2 py-[1px] rounded cursor-pointer hover:bg-gray-600/30 transition-colors'
+                onClick={onOpenSourcePanel}
+              >
+                {sourceName}
+              </span>
+            )}
+          </div>
         </div>
       </div>
     );
@@ -1370,7 +1382,6 @@ function PlayPageClient() {
               ) : null,
             beforeFullscreenButton: (
               <>
-                <PlaybackRateButton playerRef={playerRef} />
                 <button
                   className='vds-button'
                   aria-label={blockAdEnabled ? '关闭去广告' : '开启去广告'}
@@ -1387,6 +1398,7 @@ function PlayPageClient() {
                 >
                   <AdBlockIcon enabled={blockAdEnabled} />
                 </button>
+                <PlaybackRateButton playerRef={playerRef} />
                 {/* 自定义 AirPlay 按钮 */}
                 <AirPlayButton className='vds-button'>
                   <AirPlayIcon className='vds-icon' />
@@ -1746,7 +1758,7 @@ const PlaybackRateButton = ({
   };
 
   return (
-    <button className='vds-button mr-2' onClick={cycleRate}>
+    <button className='vds-button' onClick={cycleRate}>
       {rate === 1 ? '倍速' : `${rate.toFixed(2)}x`}
     </button>
   );