fix(JournalDetail): 播放按钮 z-index

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" />
       {/* 标题 */}
+      {!!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>
   );
 }

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>
   );
 }