33 lines
1.5 KiB
TypeScript
33 lines
1.5 KiB
TypeScript
export default function PosterBox({ posterList }: { posterList: string[] }) {
|
|
return (
|
|
<div className="w-full min-h-[140px] bg-white shadow-md rounded-lg p-2">
|
|
<div className="w-full grid grid-cols-5 gap-x-2">
|
|
<div className="rounded-lg h-[120px]" style={{
|
|
backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
|
|
backgroundSize: 'cover'
|
|
}}>
|
|
</div>
|
|
<div className="rounded-lg" style={{
|
|
backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
|
|
backgroundSize: 'cover'
|
|
}}>
|
|
</div>
|
|
<div className="rounded-lg" style={{
|
|
backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
|
|
backgroundSize: 'cover'
|
|
}}>
|
|
</div>
|
|
<div className="rounded-lg" style={{
|
|
backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
|
|
backgroundSize: 'cover'
|
|
}}>
|
|
</div>
|
|
<div className="rounded-lg" style={{
|
|
backgroundImage: `url('https://ai-bot.cn/wp-content/uploads/2023/08/daily-ai-news.png')`,
|
|
backgroundSize: 'cover'
|
|
}}>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |