update: 期刊页面顶部banner吸顶、评论区固定在底部

src/components/JournalBanner/index.tsx

@@ -12,7 +12,7 @@ export default function JournalBanner() {
   };
   return (
     <div
-      className="flex items-center w-full bg-[#000000f2] text-[#ffffffb2] text-[14px] py-[12px] px-[18px]"
+      className="fixed top-0 left-0 z-[999] flex items-center w-full h-[52px] bg-[#000000f2] text-[#ffffffb2] text-[14px] py-[12px] px-[18px]"
       onClick={handleClick}
     >
       <ImageWithBasePath

src/components/JournalComment/index.tsx

@@ -11,7 +11,7 @@ export default function JournalComment({ journalInfo }: { journalInfo: any }) {
     window.location.href = '/html/download.html';
   };
   return (
-    <section className="w-full flex items-center border-t-[0.8px] border-[#00000019] pt-[14px] pb-[35px] px-[18px] bg-white">
+    <section className="fixed bottom-0 left-0 z-[999] w-full flex items-center border-t-[0.8px] border-[#00000019] pt-[14px] pb-[35px] px-[18px] bg-white">
       <div
         className="flex-1 h-[38px] rounded-full bg-[#0000000c] px-[24px] flex items-center text-[15px] text-[#000000b2]"
         onClick={handleClick}

src/components/JournalContent/index.tsx

@@ -60,7 +60,7 @@ export default function JournalContent() {
           加载中 ...
         </div>
       )}
-      <div className={`w-full flex-1 flex-col ${loading ? 'hidden' : 'flex'}`}>
+      <div className={`w-full flex-1 flex-col pt-[52px] pb-[88px] ${loading ? 'hidden' : 'flex'}`}>
         {/* 期刊封面图 */}
         <div className="relative w-[100%] h-[264.84px]">
           <Image className="object-cover" unoptimized fill src={journalInfo?.image} alt="journal-cover" />