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

Compare commits

base: qiuchenfan:4f288aa535ff708b25047c480c7c80ed7f8b4206
Branches Tags
qiuchenfan:main
...
compare: qiuchenfan:75ba92281ddaf067fea66fde0105ef23568891b6
Branches Tags
qiuchenfan:main

2 Commits
4f288aa535 ... 75ba92281d

Author SHA1 Message Date
jinsir 75ba92281d Merge branch 'main' of http://113.45.67.59:3003/qiuchenfan/news 2025-11-19 11:05:36 +08:00
jinsir f406e548a8 list修改 2025-11-19 11:05:18 +08:00
2 changed files with 31 additions and 11 deletions
Show Stats Expand all files Collapse all files

20
app/components/list/List.tsx
View File

@ -1,7 +1,5 @@
import React from 'react';
import { mockNewsData } from './NewsData'; // 导入新闻数据
import { grassNewsData } from './NewsData'; // 引入基层新闻数据
interface NewsProps {
title?: string;
@ -11,7 +9,6 @@ interface NewsProps {
url?: string;
}
const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
return (
<div className="mb-4">
@ -26,15 +23,18 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
);
};
// 使用新闻数据渲染列表
// 使用基层新闻数据渲染列表
const List: React.FC = () => {
// 调用 grassNewsData 函数获取基层新闻数据
const baseNews = grassNewsData();
return (
<div >
<div >
<div className=" p-6 ">
<div>
<div>
<div className="p-6">
<ul className="space-y-4">
{mockNewsData.map((news) => (
<NewsItem title={news.title} time={news.time} url={news.url} />
{baseNews.map((news) => (
<NewsItem key={news.id} title={news.title} time={news.time} url={news.url} />
))}
</ul>
</div>

22
app/components/list/NewsData.tsx
View File

@ -16,6 +16,10 @@ export const NewsData = (): News[] => {
{ id: "news-4", type: "科技", title: "量子计算研究取得突破性进展", time: "2023-11-04", url: "https://www.baidu.com" },
{ id: "news-5", type: "科技", title: "国际空间站完成新一轮科学实验", time: "2023-11-05", url: "https://www.baidu.com" },
{ id: "news-6", type: "科技", title: "数字货币监管政策逐步完善", time: "2023-11-06", url: "https://www.baidu.com" },
{ id: "news-7", type: "科技", title: "区块链技术在金融领域应用前景广阔", time: "2023-11-07", url: "https://www.baidu.com" },
{ id: "news-8", type: "科技", title: "物联网技术在工业自动化领域应用广泛", time: "2023-11-08", url: "https://www.baidu.com" },
{ id: "news-8", type: "科技", title: "物联网技术在工业自动化领域应用广泛", time: "2023-11-08", url: "https://www.baidu.com" },
{ id: "edu-1", type: "教育", title: "在线教育平台助力偏远地区学生学习", time: "2025-01-10", url: "https://www.example.com/edu-1" },
{ id: "edu-2", type: "教育", title: "人工智能技术推动个性化教学发展", time: "2025-02-15", url: "https://www.example.com/edu-2" },
@ -23,11 +27,27 @@ export const NewsData = (): News[] => {
{ id: "edu-4", type: "教育", title: "高校联合企业开展产学研合作新模式", time: "2025-04-05", url: "https://www.example.com/edu-4" },
{ id: "edu-5", type: "教育", title: "教育部发布新政策支持职业教育发展", time: "2025-05-12", url: "https://www.example.com/edu-5" },
{ id: "edu-6", type: "教育", title: "全球教育公平问题引发广泛讨论", time: "2025-06-18", url: "https://www.example.com/edu-6" },
{ id: "edu-7", type: "教育", title: "国际教育标准制定与落地", time: "2025-07-25", url: "https://www.example.com/edu-7" },
{ id: "edu-8", type: "教育", title: "在线教育平台助力偏远地区学生学习", time: "2025-08-30", url: "https://www.example.com/edu-8" },
{ id: "edu-9", type: "教育", title: "人工智能技术推动个性化教学发展", time: "2025-09-04", url: "https://www.example.com/edu-9" },
];
};
export const grassNewsData = (): News[] => {
return [
{ id: "grass-1", type: "基层", title: "社区志愿者服务队开展环保活动", time: "2025-01-10", url: "https://www.example.com/grass-1" },
{ id: "grass-2", type: "基层", title: "乡镇企业助力乡村振兴计划", time: "2025-01-15", url: "https://www.example.com/grass-2" },
{ id: "grass-3", type: "基层", title: "村级文化活动中心正式开放", time: "2025-02-01", url: "https://www.example.com/grass-3" },
{ id: "grass-4", type: "基层", title: "基层医疗站新增远程诊疗服务", time: "2025-02-18", url: "https://www.example.com/grass-4" },
{ id: "grass-5", type: "基层", title: "农村电商培训帮助农民增收", time: "2025-03-05", url: "https://www.example.com/grass-5" },
{ id: "grass-6", type: "基层", title: "社区图书馆举办亲子阅读活动", time: "2025-03-22", url: "https://www.example.com/grass-6" },
{ id: "grass-7", type: "基层", title: "街道办组织居民参与垃圾分类宣传", time: "2025-04-10", url: "https://www.example.com/grass-7" },
{ id: "grass-8", type: "基层", title: "乡村小学引入智能教学设备", time: "2025-04-25", url: "https://www.example.com/grass-8" },
{ id: "grass-9", type: "基层", title: "基层干部走访调研解决民生问题", time: "2025-05-12", url: "https://www.example.com/grass-9" }
];
};
// 默认导出模拟新闻数据
export const mockNewsData = NewsData();
export const mockGrassNewsData = grassNewsData();