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

1

This commit is contained in:
Li1304553726 2025-11-20 08:08:29 +08:00
parent f7c5c0a544
commit 2f8c4f5011
6 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/news/body/FireNews/Hotline.tsx
View File

@ -8,7 +8,10 @@ export function Hotline() {
<div className="relative left-0 top-0 w-full h-full"> <div className="relative left-0 top-0 w-full h-full">
{/* 轮播背景图 */} {/* 轮播背景图 */}
<div className="w-full absolute" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}> <div className="w-full absolute" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
<CarouselDemo /> <CarouselDemo
paginationPosition="left"
paginationStyle="dot"
/>
</div> </div>
<div className='top-0 right-0 bg-white h-full'></div> <div className='top-0 right-0 bg-white h-full'></div>
</div> </div>

5
app/components/news/body/FireNews/ImportantNews.tsx
View File

@ -7,7 +7,10 @@ export function ImportantNews() {
<div className="relative w-5/6 h-225 mx-auto overflow-hidden "> <div className="relative w-5/6 h-225 mx-auto overflow-hidden ">
{/* 轮播背景图 - 确保有明确尺寸 */} {/* 轮播背景图 - 确保有明确尺寸 */}
<div className="absolute top-0 left-0 w-full h-225"> <div className="absolute top-0 left-0 w-full h-225">
<CarouselDemo /> <CarouselDemo
paginationPosition="left"
paginationStyle="dot"
/>
</div> </div>
{/* 固定的烽火要闻 */} {/* 固定的烽火要闻 */}

5
app/components/news/body/FireNews/LectureHall.tsx
View File

@ -8,7 +8,10 @@ export function LectureHall() {
<div className="relative left-0 top-0 w-full h-full"> <div className="relative left-0 top-0 w-full h-full">
{/* 轮播背景图 */} {/* 轮播背景图 */}
<div className="w-full absolute" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}> <div className="w-full absolute" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
<CarouselDemo /> <CarouselDemo
paginationPosition="left"
paginationStyle="dot"
/>
</div> </div>
<div className='top-0 right-0 bg-white h-full'></div> <div className='top-0 right-0 bg-white h-full'></div>
</div> </div>

5
app/components/news/body/FireNews/MicroVision.tsx
View File

@ -31,7 +31,10 @@ export function MicroVision() {
<div className="relative w-full h-full"> <div className="relative w-full h-full">
{/* 轮播背景图 */} {/* 轮播背景图 */}
<div className="w-full absolute" style={{clipPath: 'polygon(150px 0, 100% 0, calc(100% - 0px) 100%, 30px 100%)'}} > <div className="w-full absolute" style={{clipPath: 'polygon(150px 0, 100% 0, calc(100% - 0px) 100%, 30px 100%)'}} >
<CarouselDemo /> <CarouselDemo
paginationPosition="right"
paginationStyle="dot"
/>
</div> </div>
<div className='w-full bg-white h-full'></div> <div className='w-full bg-white h-full'></div>
</div> </div>

5
app/components/news/body/ImageGridSection.tsx
View File

@ -38,7 +38,10 @@ const LearnPage = () => {
{/* 上右：轮播图 */} {/* 上右：轮播图 */}
<div className="col-span-2 row-span-1 rounded-lg shadow-sm overflow-hidden"> <div className="col-span-2 row-span-1 rounded-lg shadow-sm overflow-hidden">
<CarouselDemo /> <CarouselDemo
paginationPosition="right"
paginationStyle="bar"
/>
</div> </div>
{/* 下三图 */} {/* 下三图 */}

3
app/routes/news.tsx
View File

@ -13,6 +13,8 @@ import { MicroVision } from "@/components/news/body/FireNews/MicroVision";
import { Hotline } from "@/components/news/body/FireNews/Hotline"; import { Hotline } from "@/components/news/body/FireNews/Hotline";
import { AutoCarouselDemo } from "@/components/AutoCarousel"; import { AutoCarouselDemo } from "@/components/AutoCarousel";
import { Footer } from "@/components/news/footer/footer"; import { Footer } from "@/components/news/footer/footer";
import { CarouselDemo } from "@/components/Carousel";
export function meta( ) { export function meta( ) {
return [ return [
@ -40,7 +42,6 @@ export default function Home() {
<AutoCarouselDemo /> <AutoCarouselDemo />
<CultureBgPage /> <CultureBgPage />
<Integrated /> <Integrated />
<CarouselDemo />
</div> </div>
<Footer /> <Footer />
</div> </div>