list颜色调整
This commit is contained in:
parent
9b2103b0d6
commit
ffe555078e
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue