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

Compare commits

base: qiuchenfan:68f962b66c1b15b8cbcd06f6a3a721e185fb6075
Branches Tags
qiuchenfan:main
...
compare: qiuchenfan:d67b67ee21720b573b41701acd30414f05460460
Branches Tags
qiuchenfan:main

2 Commits
68f962b66c ... d67b67ee21

Author SHA1 Message Date
jinsir d67b67ee21 Merge branch 'main' of http://113.45.67.59:3003/qiuchenfan/news 2025-11-20 16:51:49 +08:00
jinsir 3f72661411 list样式 2025-11-20 16:51:37 +08:00
1 changed files with 5 additions and 5 deletions
Show Stats Expand all files Collapse all files

10
app/components/news/list/NewsList.tsx
View File

@ -14,8 +14,8 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
onClick={() => url && window.open(url)} // 点击时打开链接 onClick={() => url && window.open(url)} // 点击时打开链接
className="flex items-center justify-between hover:text-blue-600 cursor-pointer transition duration-300 ease-in-out" className="flex items-center justify-between hover:text-blue-600 cursor-pointer transition duration-300 ease-in-out"
> >
<h3 className="text-lg font-semibold text-gray-600 hover:text-blue-400 transition duration-300 ease-in-out">{title}</h3> <h3 className="text-lg font-semibold text-gray-800 hover:text-blue-400 transition duration-300 ease-in-out">{title}</h3>
<p className="text-sm text-gray-500">{time}</p> <p className="text-sm text-gray-800">{time}</p>
</div> </div>
</div> </div>
); );
@ -28,7 +28,7 @@ const NewsList: React.FC = () => {
const educationNews = mockNewsData.filter((news) => news.type === "教育"); const educationNews = mockNewsData.filter((news) => news.type === "教育");
return ( return (
<div className=" p-18 rounded-2xl w-10/11 mx-auto"> <div className=" pt-10 pb-10 rounded-2xl w-5/6 mx-auto">
{/* 使用 Flexbox 将两个列表放在一行 */} {/* 使用 Flexbox 将两个列表放在一行 */}
<div className="flex gap-8"> <div className="flex gap-8">
{/* 科技新闻 */} {/* 科技新闻 */}
@ -38,7 +38,7 @@ const NewsList: React.FC = () => {
<div className="bg-[#1c6cab] text-white px-6 py-3 font-bold text-4xl"> <div className="bg-[#1c6cab] text-white px-6 py-3 font-bold text-4xl">
科技新闻 科技新闻
</div> </div>
<button className="text-base text-blue-200 hover:text-blue-400 transition duration-200 pl-6 pr-6"> <button className="text-base text-blue-300 hover:text-blue-400 transition duration-200 pl-6 pr-6">
【查看更多】 【查看更多】
</button> </button>
</div> </div>
@ -63,7 +63,7 @@ const NewsList: React.FC = () => {
<div className="bg-[#1c6cab] text-white px-6 py-3 font-bold text-4xl"> <div className="bg-[#1c6cab] text-white px-6 py-3 font-bold text-4xl">
教育新闻 教育新闻
</div> </div>
<button className="text-base text-blue-200 hover:text-blue-400 transition duration-200 pl-6 pr-6"> <button className="text-base text-blue-300 hover:text-blue-400 transition duration-200 pl-6 pr-6">
【查看更多】 【查看更多】
</button> </button>
</div> </div>