|
|
@ -31,17 +31,17 @@ export default function JournalCard({
|
|
|
|
}) {
|
|
|
|
}) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
/* banner container */
|
|
|
|
/* banner container */
|
|
|
|
<div className={`relative w-712px h-fit rounded-6px overflow-hidden bg-[url(${image})] group ${className}`}>
|
|
|
|
<div className={`relative w-712px h-420px rounded-6px overflow-hidden bg-[url(${image})] group ${className}`}>
|
|
|
|
{/* 左上方 角标 */}
|
|
|
|
{/* 左上方 角标 */}
|
|
|
|
<VolNo className="absolute top-16px left-16px" text={journalNo} />
|
|
|
|
<VolNo className="absolute top-16px left-16px" text={journalNo} />
|
|
|
|
{/* banner */}
|
|
|
|
{/* banner */}
|
|
|
|
<Image
|
|
|
|
<Image
|
|
|
|
width={0}
|
|
|
|
width={712}
|
|
|
|
height={0}
|
|
|
|
height={420}
|
|
|
|
src={image}
|
|
|
|
src={image}
|
|
|
|
unoptimized
|
|
|
|
unoptimized
|
|
|
|
alt={`Vol${journalNo}`}
|
|
|
|
alt={`Vol${journalNo}`}
|
|
|
|
className={`w-100% h-auto ${scale && 'group-hover:transform-scale-103 transition-transform-300'}`}
|
|
|
|
className={`absolute top-50% left-0 transform-translate-y-[-50%] w-full h-auto object-cover object-c ${scale && 'group-hover:transform-scale-103 transition-transform-300'}`}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
{/* 标题 */}
|
|
|
|
{/* 标题 */}
|
|
|
|
{!!title && (
|
|
|
|
{!!title && (
|
|
|
|