|
@@ -135,11 +135,12 @@ const Trending = ({ trendingSection }: newArrivalSectionProps) => {
|
|
|
<div className=" overflow-hidden flex flex-col">
|
|
<div className=" overflow-hidden flex flex-col">
|
|
|
{/* 图片区域 + 中间播放按钮 */}
|
|
{/* 图片区域 + 中间播放按钮 */}
|
|
|
<div className="relative rounded-xl w-full aspect-[4/5] overflow-hidden rounded-xl">
|
|
<div className="relative rounded-xl w-full aspect-[4/5] overflow-hidden rounded-xl">
|
|
|
- <img
|
|
|
|
|
- src={item.image_url}
|
|
|
|
|
- alt={item.name}
|
|
|
|
|
- className="w-full h-full object-cover"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <Image
|
|
|
|
|
+ src={item.image_url}
|
|
|
|
|
+ alt={item.name}
|
|
|
|
|
+ fill
|
|
|
|
|
+ style={{ objectFit: "cover" }}
|
|
|
|
|
+ />
|
|
|
{/* 居中圆形播放按钮 */}
|
|
{/* 居中圆形播放按钮 */}
|
|
|
<button
|
|
<button
|
|
|
onClick={() =>
|
|
onClick={() =>
|