qiuchenfan
/
news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
Li1304553726 2025-11-19 16:03:12 +08:00
parent 826805a0cc
commit 42730b0479
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/Carousel.tsx
View File

@ -25,6 +25,7 @@ export function CarouselDemo() {
const [current, setCurrent] = React.useState(0); const [current, setCurrent] = React.useState(0);
const [count, setCount] = React.useState(0); const [count, setCount] = React.useState(0);
const totalSlides = imageUrls.length; const totalSlides = imageUrls.length;
React.useEffect(() => { React.useEffect(() => {
if (!api) return; if (!api) return;
@ -53,18 +54,18 @@ export function CarouselDemo() {
{Array.from({ length: totalSlides }).map((_, index) => ( {Array.from({ length: totalSlides }).map((_, index) => (
<CarouselItem key={index} className="w-full h-full pl-0"> <CarouselItem key={index} className="w-full h-full pl-0">
<div className="p-0 w-full h-full"> <div className="p-0 w-full h-full">
<CardContent className="p-0 w-full h-full m-0"> {/* 移除了 aspect-square */}
<CardContent className="flex aspect-square items-center justify-center p-0 w-full h-full m-0"> <div
<div
className="w-full h-full" className="w-full h-full"
style={{ style={{
backgroundImage: "url('/public/images/header.png')",//背景图片可修改 backgroundImage: "url('/public/images/header.png')",
backgroundSize: '100% 100%', backgroundSize: 'cover', // 改为 cover 以更好地适应容器
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
}} }}
> >
</div> </div>
</CardContent> </CardContent>
</div> </div>
</CarouselItem> </CarouselItem>
))} ))}

7
app/components/news/body/FireNews/fhyw.tsx
View File

@ -1,17 +1,16 @@
import { CarouselDemo } from "@/components/Carousel"; import { CarouselDemo } from "@/components/Carousel";
import {FireNewsList} from "./FireNewsList"; import {FireNewsList} from "./FireNewsList";
export function FhywPage() { export function FhywPage() {
return( return(
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square"> <div className="relative w-350 h-225 mx-auto overflow-hidden bg-sky-700">
{/* 轮播背景图 */} {/* 轮播背景图 */}
<div className="absolute inset-0 z-0"> <div className="absolute top-0 left-0 w-full h-180">
<CarouselDemo /> <CarouselDemo />
</div> </div>
{/* 固定的烽火要闻 */} {/* 固定的烽火要闻 */}
<div className="absolute top-0 right-0 w-1/3 h-full p-1"> <div className="absolute top-0 right-0 w-1/3 h-200 p-1">
<FireNewsList /> <FireNewsList />
</div> </div>
</div> </div>