From 2e1d9ac4f5e42b4ff85347941be8f3a7e5060d2b Mon Sep 17 00:00:00 2001
From: mackt <1033530438@qq.com>
Date: Thu, 18 Apr 2024 20:05:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(JournalDetail):=20=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=20z-index?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Journal/JournalCard.tsx                | 11 +++++------
 .../Journal/JournalDetail/VolDetailCoverCard.tsx      |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Journal/JournalCard.tsx b/src/components/Journal/JournalCard.tsx
index 1b376f8..bbb46fa 100644
--- a/src/components/Journal/JournalCard.tsx
+++ b/src/components/Journal/JournalCard.tsx
@@ -19,14 +19,12 @@ export default function JournalCard({
   title,
   journalNo,
   showPlay = false,
-  children,
   className,
 }: {
   image: string;
   title?: string;
   journalNo: string;
   showPlay?: boolean;
-  children?: React.ReactNode;
   className?: string;
 }) {
   return (
@@ -37,14 +35,15 @@ export default function JournalCard({
       {/* banner */}
       <Image width={712} height={420} src={image} unoptimized alt={`Vol${journalNo}`} className="absolute bottom-0" />
       {/* 标题 */}
-      <div className={`absolute bottom-0 w-full h-[126px] ${styles.title_background}`}>
-        <p className="absolute bottom-[23px] left-[23px] text-[#fff] text-[24px] leading-[33.6px]">{title}</p>
-      </div>
+      {!!title && (
+        <div className={`absolute bottom-0 w-full h-[126px] ${styles.title_background}`}>
+          <p className="absolute bottom-[23px] left-[23px] text-[#fff] text-[24px] leading-[33.6px]">{title}</p>
+        </div>
+      )}
       {/* 播放按钮 */}
       {showPlay && (
         <div className="absolute bottom-[24px] right-[24px] w-[46px] h-[32px] bg-[url(/img/icon/play-journal-card.svg)] bg-no-repeat z-2 opacity-0 group-hover:opacity-100  transition-opacity-500" />
       )}
-      {children}
     </div>
   );
 }
diff --git a/src/components/Journal/JournalDetail/VolDetailCoverCard.tsx b/src/components/Journal/JournalDetail/VolDetailCoverCard.tsx
index 58f5527..edb780d 100644
--- a/src/components/Journal/JournalDetail/VolDetailCoverCard.tsx
+++ b/src/components/Journal/JournalDetail/VolDetailCoverCard.tsx
@@ -10,7 +10,7 @@ export default function CoverCard({ journalInfo }: { journalInfo: JournalInfo })
       <JournalCard image={image} journalNo={journalNo}>
         {/* 播放/暂停 */}
       </JournalCard>
-      <VolPlayButton className="absolute right-[30px] bottom-[-26px] z-2" />
+      <VolPlayButton className="absolute right-[30px] bottom-[-26px]" />
     </div>
   );
 }