diff --git a/app/components/body/AutoCarousel.tsx b/app/components/body/AutoCarousel.tsx deleted file mode 100644 index 01a32b1..0000000 --- a/app/components/body/AutoCarousel.tsx +++ /dev/null @@ -1,82 +0,0 @@ -// src/components/CarouselDemo.tsx -import * as React from "react"; -import Autoplay from "embla-carousel-autoplay"; - -import { Card, CardContent } from "@/ui/card"; -import { - Carousel, - CarouselContent, - CarouselItem, - CarouselNext, - CarouselPrevious, -} from "@/ui/carousel"; - -const imageUrls = [ - "/images/carousel-1.jpg", - "/images/carousel-2.jpg", - "/images/carousel-3.jpg", - "/images/carousel-4.jpg", - "/images/carousel-5.jpg", - "/images/carousel-6.jpg", -]; - -export function AutoCarouselDemo() { - return ( -
- {/* 相对定位 宽度100% 水平居中 隐藏溢出 */} -
-
- {/* 绝对定位 上下与父对齐 水平左对齐 背景渐变从左 从黑70%到透明 */} - - - {imageUrls.map((src, index) => ( - - {/* 基宽 中屏 大屏 防止收缩 相对定位 - 内边距 过渡500ms 鼠标悬停时放大1.05倍 鼠标手型 - 隐藏溢出 移除边框 中等阴影 - 弹性布局 正方形 垂直居中 水平居中 内边距0 相对 - */} -
- - - {`Slide - - -
-
- ))} -
- - {/* 左右箭头控制 */} - - -
-
- ); -} \ No newline at end of file diff --git a/app/components/body/FireNews/FireNewsList.tsx b/app/components/body/FireNews/FireNewsList.tsx deleted file mode 100644 index 77601c8..0000000 --- a/app/components/body/FireNews/FireNewsList.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; - -interface NewsItem { - content: string; -} - -export function FireNewsList() { - const newsItems: NewsItem[] = [ - { - content: "记者从16日召开的海南省政府新闻发布会上获悉,2018年,海南旅游总收入达1,262万人次,支出达399.7亿元...", - }, - { - content: "记者从16日召开的海南省政府新闻发布会上获悉,2018年,海南旅游总收入达1,262万人次,支出达399.7亿元...", - }, - { - content: "记者从16日召开的海南省政府新闻发布会上获悉,2018年,海南旅游总收入达1,262万人次,支出达399.7亿元...", - }, - { - content: "记者从16日召开的海南省政府新闻发布会上获悉,2018年,海南旅游总收入达1,262万人次,支出达399.7亿元...", - }, - { - content: "记者从16日召开的海南省政府新闻发布会上获悉,2018年,海南旅游总收入达1,262万人次,支出达399.7亿元...", - }, - { - content: "记者从16日召开的海南省政府新闻发布会上获悉,2018年,海南旅游总收入达1,262万人次,支出达399.7亿元...", - }, - ]; - - return ( -
- {/* 标题栏 */} -
-

烽火要闻

- - 查看更多 {'>'} - -
- - {/* 新闻列表 */} -
- {newsItems.map((item, index) => ( -
- - {/* 内容部分 */} -
-

- {item.content} - - [MORE] - -

-
-
- ))} -
-
- ); -}; diff --git a/app/components/body/FireNews/fhjt.tsx b/app/components/body/FireNews/fhjt.tsx deleted file mode 100644 index 6ab127b..0000000 --- a/app/components/body/FireNews/fhjt.tsx +++ /dev/null @@ -1,39 +0,0 @@ - -import { CarouselDemo } from "@/components/Carousel"; -import {FireNewsList} from "./FireNewsList"; - - -export function FhjtPage() { - return( -
- {/* 轮播背景图 */} -
- -
- -
- {/* 标题部分 */} -
-

烽火讲堂

- {/* 蓝色装饰线 */} -
-
- {/* 列表 */} -
- -
- 一等奖 -
- -
- 二等奖 -
- -
- 三等奖 -
-
-
-
- ) -} \ No newline at end of file diff --git a/app/components/body/FireNews/fhrx.tsx b/app/components/body/FireNews/fhrx.tsx deleted file mode 100644 index a9f9f4f..0000000 --- a/app/components/body/FireNews/fhrx.tsx +++ /dev/null @@ -1,39 +0,0 @@ - -import { CarouselDemo } from "@/components/Carousel"; -import {FireNewsList} from "./FireNewsList"; - - -export function FhrxPage() { - return( -
- {/* 轮播背景图 */} -
- -
- -
- {/* 标题部分 */} -
-

烽火热线

- {/* 蓝色装饰线 */} -
-
- {/* 列表 */} -
- -
- 信箱 -
- -
- 问答 -
- -
- 心灵 -
-
-
-
- ) -} \ No newline at end of file diff --git a/app/components/body/FireNews/fhws.tsx b/app/components/body/FireNews/fhws.tsx deleted file mode 100644 index 14f0832..0000000 --- a/app/components/body/FireNews/fhws.tsx +++ /dev/null @@ -1,38 +0,0 @@ - -import { CarouselDemo } from "@/components/Carousel"; -import {FireNewsList} from "./FireNewsList"; - - -export function FhwsPage() { - return( -
-
- {/* 标题部分 */} -
-

烽火微视

- {/* 蓝色装饰线 */} -
-
- {/* 列表 */} -
- -
- 一 -
- -
- 二 -
- -
- 三 -
-
-
- {/* 轮播背景图 */} -
- -
-
- ) -} \ No newline at end of file diff --git a/app/components/body/FireNews/fhyw.tsx b/app/components/body/FireNews/fhyw.tsx deleted file mode 100644 index a160ee1..0000000 --- a/app/components/body/FireNews/fhyw.tsx +++ /dev/null @@ -1,21 +0,0 @@ - - -import { CarouselDemo } from "@/components/Carousel"; -import {FireNewsList} from "./FireNewsList"; - - -export function FhywPage() { - return( -
- {/* 轮播背景图 */} -
- -
- - {/* 固定的烽火要闻 */} -
- -
-
- ) -} \ No newline at end of file