fix: 期刊页面样式调整

src/components/JournalContent/index.tsx

@@ -56,7 +56,9 @@ export default function JournalContent() {
   return (
     <>
       {loading && (
-        <div className="w-full relative flex-1 text-[#ffffff66] flex items-center justify-center">加载中 ...</div>
+        <div className="w-full relative flex-1 text-[#ffffff66] text-[16px] flex items-center justify-center">
+          加载中 ...
+        </div>
       )}
       <div className={`w-full flex-1 flex-col ${loading ? 'hidden' : 'flex'}`}>
         {/* 期刊封面图 */}
@@ -67,10 +69,10 @@ export default function JournalContent() {
         <section className="relative w-full flex-1 bg-white mt-[-10px] rounded-tl-[12px] rounded-tr-[12px] z-1 py-[17px] px-[18px] pb-[79px]">
           <div className="flex items-center flex-wrap text-[#000000b2] mb-[5px]">
             <div className="text-[14px] font-medium leading-[19.6px]">VOL.{journalInfo?.journalNo}</div>
-            <div className="ml-[11px] flex items-center flex-wrap text-[12px] leading-[12px]">
+            <div className="ml-[11px] flex items-center flex-wrap text-[12px]">
               {journalInfo?.tags?.map((tag: string, index: number) => (
                 <div
-                  className={`h-[18px] py-[3px] px-[10px] rounded-[15px] bg-[#0000000c] flex items-center ${index !== 0 && 'ml-[6px]'}`}
+                  className={`h-[20px] py-[3px] px-[10px] rounded-full bg-[#0000000c] flex items-center justify-center ${index !== 0 && 'ml-[6px]'}`}
                   key={tag}
                 >
                   {tag}

src/components/SongItem/index.tsx

@@ -63,7 +63,7 @@ export default function SongItem(props: { data: ISong }) {
         </div>
       )}
       <ImageWithBasePath
-        className="w-[24px] h-[24px]"
+        className="w-[24px] h-[24px] ml-[6px]"
         width={24}
         height={24}
         unoptimized