diff --git a/app/components/news/body/FireNews/FireNewsList.tsx b/app/components/news/body/FireNews/FireNewsList.tsx index dadf8e6..71d5d46 100644 --- a/app/components/news/body/FireNews/FireNewsList.tsx +++ b/app/components/news/body/FireNews/FireNewsList.tsx @@ -69,7 +69,7 @@ export function FireNewsList() { {/* 文章列表 */} -
+
{articles.map((article, index) => (
{/* 左侧竖线和日期 */} diff --git a/app/components/news/body/FireNews/ImportantNews.tsx b/app/components/news/body/FireNews/ImportantNews.tsx index fec4d77..9734914 100644 --- a/app/components/news/body/FireNews/ImportantNews.tsx +++ b/app/components/news/body/FireNews/ImportantNews.tsx @@ -16,8 +16,8 @@ export function ImportantNews() { "/images/carousel-9.jpg", ]; - // 转换为 slides 格式 - const slides = carouselImages.map((imageUrl, index) => ({ + // 转换为 slides 格式 + const slides = carouselImages.map((imageUrl, index) => ({ key: `carousel-${index + 1}`, content: (
- {/* 轮播背景图 - 确保有明确尺寸 */} -
- +
+ {/* 轮播背景图 - 使用 aspect-ratio 或固定高度 */} +
{/* 或者设置固定高度 */} +
+ +
+ + {/* 固定的烽火要闻 */} +
+ +
+
- - {/* 固定的烽火要闻 */} -
- -
-
) } \ No newline at end of file diff --git a/app/components/news/body/ImageGridSection.tsx b/app/components/news/body/ImageGridSection.tsx index 1194639..e7934ad 100644 --- a/app/components/news/body/ImageGridSection.tsx +++ b/app/components/news/body/ImageGridSection.tsx @@ -65,11 +65,11 @@ const LearnPage = () => { {/* 顶部Logo区:使用背景图片方式展示logo,宽70高20 */}
-
+
{/* 左侧图片区:占据屏幕3/5的宽度 */}
{/* 使用grid布局来安排图片的位置 */} -
+
{/* 上左第一张图 */}
Image 1 diff --git a/app/components/news/header/TopNav.tsx b/app/components/news/header/TopNav.tsx index fd89bbb..5bbb160 100644 --- a/app/components/news/header/TopNav.tsx +++ b/app/components/news/header/TopNav.tsx @@ -59,7 +59,7 @@ export function TopNav({ return ( // 将组件宽度调整为1514px,并保持居中 -
+
{/* 搜索框与导航菜单组合 */}
{/* 导航菜单 */}