This commit is contained in:
parent
3aaf78c0df
commit
baaf5959eb
|
|
@ -1,3 +1,4 @@
|
||||||
|
// src/components/CarouselDemo.tsx
|
||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import Autoplay from "embla-carousel-autoplay";
|
import Autoplay from "embla-carousel-autoplay";
|
||||||
|
|
||||||
|
|
@ -68,6 +69,15 @@ export function CarouselDemo() {
|
||||||
<CarouselNext className="absolute right-2 top-1/2 -translate-y-1/2 z-10" />
|
<CarouselNext className="absolute right-2 top-1/2 -translate-y-1/2 z-10" />
|
||||||
</Carousel>
|
</Carousel>
|
||||||
|
|
||||||
|
{/* 要闻列表 - 右上角 */}
|
||||||
|
<div className="absolute top-0 right-0 w-1/3 h-full">
|
||||||
|
<Card className="h-full">
|
||||||
|
<CardContent className="h-full p-0">
|
||||||
|
<FireNewsList />
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* 分页指示器 - 右下角 */}
|
{/* 分页指示器 - 右下角 */}
|
||||||
<div className="absolute bottom-4 right-4 flex gap-2 z-10">
|
<div className="absolute bottom-4 right-4 flex gap-2 z-10">
|
||||||
{Array.from({ length: count }).map((_, index) => (
|
{Array.from({ length: count }).map((_, index) => (
|
||||||
|
|
|
||||||
|
|
@ -5,12 +5,7 @@ import CultureBgPage from "@/components/news/body/Culturebg";
|
||||||
import {Header} from "@/components/header/Header";
|
import {Header} from "@/components/header/Header";
|
||||||
import {TopNav} from "@/components/header/TopNav";
|
import {TopNav} from "@/components/header/TopNav";
|
||||||
import NewsList from "@/components/list/NewsList";
|
import NewsList from "@/components/list/NewsList";
|
||||||
<<<<<<< HEAD
|
|
||||||
import ImageGridSection from "@/components/body/ImageGridSection";
|
|
||||||
import { CarouselDemo } from "@/components/Carousel";
|
|
||||||
=======
|
|
||||||
import GrassrootsDynamics from "@/components/body/GrassrootsDynamics";
|
import GrassrootsDynamics from "@/components/body/GrassrootsDynamics";
|
||||||
>>>>>>> 858176d3dcd4442d093f13eeca279711b756adb8
|
|
||||||
export function meta( ) {
|
export function meta( ) {
|
||||||
return [
|
return [
|
||||||
{ title: "New React Router App" },
|
{ title: "New React Router App" },
|
||||||
|
|
@ -26,12 +21,6 @@ export default function Home() {
|
||||||
<TopNav />
|
<TopNav />
|
||||||
<CarouselDemo />
|
<CarouselDemo />
|
||||||
<NewsList />
|
<NewsList />
|
||||||
<<<<<<< HEAD
|
|
||||||
<ImageGridSection />
|
|
||||||
{/* <Integrated /> */}
|
|
||||||
<CultureBgPage />
|
|
||||||
=======
|
|
||||||
>>>>>>> 858176d3dcd4442d093f13eeca279711b756adb8
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue