From def56cd861de792d32e0b690efbe3e0059f75a28 Mon Sep 17 00:00:00 2001
From: Li1304553726 <1304553726@qq.com>
Date: Thu, 20 Nov 2025 15:00:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9imageGridSection=E5=8F=B3?=
 =?UTF-8?q?=E8=BE=B9=E5=86=85=E5=AE=B9=E5=88=97=E8=A1=A8=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/news/body/ImageGridSection.tsx | 68 +++++++++++++++----
 1 file changed, 55 insertions(+), 13 deletions(-)

diff --git a/app/components/news/body/ImageGridSection.tsx b/app/components/news/body/ImageGridSection.tsx
index 9ac5c3e..1194639 100644
--- a/app/components/news/body/ImageGridSection.tsx
+++ b/app/components/news/body/ImageGridSection.tsx
@@ -1,19 +1,61 @@
 import { CarouselDemo } from '@/components/Carousel'; // 导入轮播图组件
 import React from 'react';
 
+interface NewsItem {
+    id:string;
+    content:string;
+    url:string;
+}
+
 // LearnPage 组件定义
 const LearnPage = () => {
     // 新闻列表数据，用于显示在右侧新闻列表区
-    const newsList = [
-        '中华人民共和国监察法',
-        '2024年国办印发意见部门工作人员党听全国两...',
-        '十四届全国人大二次会议闭幕贺词',
-        '7天人代会："小片段"折射民主"大全景"',
-        '全国政协十四届二次会议共收到提案5800多件',
-        '两会观察丨从两会八个高频词看中国',
-        '两会"清单"上新这些民生发展温度',
-        '"选择中国"——世界从中国两会读出心动机号',
-        '中国经济信心说丨新玛合信心从哪里来',
+    const newsList:NewsItem[] = [
+        {
+            id:'1',
+            content:'中华人民共和国监察法',
+            url:'https://www.baidu.com',
+        },
+        {
+            id:'2',
+            content:'2024年国办印发意见部门工作人员党听全国两...',
+            url:'https://www.baidu.com',
+        },
+        {
+            id:'3',
+            content:'十四届全国人大二次会议闭幕贺词',
+            url:'https://www.baidu.com',
+        },
+        {
+            id:'4',
+            content:'7天人代会："小片段"折射民主"大全景"',
+            url:'https://www.baidu.com',
+        },
+        {
+            id:'5',
+            content:'全国政协十四届二次会议共收到提案5800多件',
+            url:'https://www.baidu.com',    
+        },
+        {
+            id:'6',
+            content:'两会观察丨从两会八个高频词看中国',
+            url:'https://www.baidu.com',    
+        },
+        {
+            id:'7',
+            content:'两会"清单"上新这些民生发展温度',
+            url:'https://www.baidu.com',
+        },
+        {
+            id:'8',
+            content:'"选择中国"——世界从中国两会读出心动机号',
+            url:'https://www.baidu.com',
+        },
+        {
+            id:'9',
+            content:'中国经济信心说丨新玛合信心从哪里来',
+            url:'https://www.baidu.com',
+        },
     ];
     {/* 弹性 默认纵向 大屏横向  */}
     return (
@@ -50,10 +92,10 @@ const LearnPage = () => {
                     {/* 右侧新闻列表：占据屏幕剩余2/5的宽度 */}
                     <div className="lg:w-2/5 bg-white border border-gray-200 shadow-sm p-8 flex items-center">
                         <ul className="space-y-8 w-full">
-                            {newsList.map((item, index) => (
-                                <li key={index} className="flex items-center text-2xl text-[#7e2f2a] hover:text-red-600 cursor-pointer group">
+                            {newsList.map((item) => (
+                                <li key={item.id} className="flex items-center text-2xl text-[#7e2f2a] hover:text-red-600 cursor-pointer group">
                                     <span className="text-red-500 mr-2 mt-0.5">•</span>
-                                    <span>{item}</span>
+                                    <span onClick={()=>window.open(item.url, '_blank')}>{item.content}</span>
                                 </li>
                             ))}
                         </ul>