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

list颜色调整

This commit is contained in:
jinsir 2025-11-20 15:24:41 +08:00
parent 9b2103b0d6
commit ffe555078e
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/news/list/List.tsx
View File

@ -14,16 +14,16 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
<div className="mb-4"> <div className="mb-4">
<div <div
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 cursor-pointer transition duration-300 ease-in-out"
> >
{/* 标题部分：左侧 */} {/* 标题部分：左侧 */}
<div className="flex items-center"> <div className="flex items-center">
<div className="w-2 h-2 bg-white rounded-full mr-2"></div> <div className="w-2 h-2 bg-white rounded-full mr-2"></div>
<h3 className="text-xl font-semibold text-white hover:text-blue-600">{title}</h3> <h3 className="text-xl font-semibold text-white ">{title}</h3>
</div> </div>
{/* 时间部分：右侧 */} {/* 时间部分：右侧 */}
<p className="text-xl text-white hover:text-blue-600 text-right">{time}</p> <p className="text-xl text-white text-right">{time}</p>
</div> </div>
</div> </div>
); );

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

@ -14,7 +14,7 @@ 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-800 hover:text-blue-600 transition duration-300 ease-in-out">{title}</h3> <h3 className="text-lg font-semibold text-gray-600 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-500">{time}</p>
</div> </div>
</div> </div>