From 10e859bd28e7641cac9e5e624ee9357b7c370bb2 Mon Sep 17 00:00:00 2001
From: Li1304553726 <1304553726@qq.com>
Date: Wed, 19 Nov 2025 16:08:37 +0800
Subject: [PATCH] 1

---
 app/components/Carousel.tsx                | 19 +++++++++----------
 app/components/news/body/FireNews/fhyw.tsx |  4 ++--
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/app/components/Carousel.tsx b/app/components/Carousel.tsx
index 2a6d040..ee00eb0 100755
--- a/app/components/Carousel.tsx
+++ b/app/components/Carousel.tsx
@@ -25,7 +25,6 @@ export function CarouselDemo() {
   const [current, setCurrent] = React.useState(0);
   const [count, setCount] = React.useState(0);
   const totalSlides = imageUrls.length; 
-
   React.useEffect(() => {
     if (!api) return;
 
@@ -54,18 +53,18 @@ export function CarouselDemo() {
           {Array.from({ length: totalSlides }).map((_, index) => (
             <CarouselItem key={index} className="w-full h-full pl-0">
               <div className="p-0 w-full h-full">
-                <CardContent className="p-0 w-full h-full m-0"> {/* 移除了 aspect-square */}
-                  <div 
+
+                  <CardContent className="flex aspect-square items-center justify-center p-0 w-full h-full m-0">
+                    <div 
                     className="w-full h-full"
                     style={{
-                      backgroundImage: "url('/public/images/header.png')",
-                      backgroundSize: 'cover', // 改为 cover 以更好地适应容器
-                      backgroundPosition: 'center',
-                      backgroundRepeat: 'no-repeat',
+                      backgroundImage: "url('/public/images/header.png')",//背景图片可修改
+                      backgroundSize: '100% 100%',
                     }}
-                  >
-                  </div>
-                </CardContent>
+                    >
+                    </div>
+                  </CardContent>
+
               </div>
             </CarouselItem>
           ))}
diff --git a/app/components/news/body/FireNews/fhyw.tsx b/app/components/news/body/FireNews/fhyw.tsx
index 9239ae6..7244e31 100644
--- a/app/components/news/body/FireNews/fhyw.tsx
+++ b/app/components/news/body/FireNews/fhyw.tsx
@@ -4,8 +4,8 @@ import {FireNewsList} from "./FireNewsList";
 export function FhywPage() {
     return(
     <div className="relative w-350 h-225 mx-auto overflow-hidden bg-sky-700">
-        {/* 轮播背景图 */}
-        <div className="absolute top-0 left-0 w-full h-180">
+        {/* 轮播背景图 - 确保有明确尺寸 */}
+        <div className="absolute top-0 left-0 w-full h-200">
             <CarouselDemo />
         </div>