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

View File

@ -14,16 +14,16 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
<div className="mb-4">
<div
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="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>
{/* 时间部分:右侧 */}
<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>
);

View File

@ -14,7 +14,7 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
onClick={() => url && window.open(url)} // 点击时打开链接
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>
</div>
</div>