diff --git a/app/components/list/List.tsx b/app/components/list/List.tsx index ae0b0ff..b830a2f 100644 --- a/app/components/list/List.tsx +++ b/app/components/list/List.tsx @@ -19,11 +19,11 @@ const NewsItem: React.FC = ({ title = '', time = '', url = '' }) => { {/* 标题部分:左侧 */}
-

{title}

+

{title}

{/* 时间部分:右侧 */} -

{time}

+

{time}

); diff --git a/app/components/list/NewsList.tsx b/app/components/list/NewsList.tsx index dd9a476..12a9606 100644 --- a/app/components/list/NewsList.tsx +++ b/app/components/list/NewsList.tsx @@ -28,7 +28,7 @@ const NewsList: React.FC = () => { const educationNews = mockNewsData.filter((news) => news.type === "教育"); return ( -
+
{/* 使用 Flexbox 将两个列表放在一行 */}
{/* 科技新闻 */} diff --git a/app/components/news/body/GrassrootsDynamics.tsx b/app/components/news/body/GrassrootsDynamics.tsx index 3c69570..706bbdc 100644 --- a/app/components/news/body/GrassrootsDynamics.tsx +++ b/app/components/news/body/GrassrootsDynamics.tsx @@ -3,19 +3,20 @@ import List from '@/components/list/List'; export default function GrassrootsDynamics() { return ( -
+
-
+
基层动态
{/* 右边列表 */} -
+