From 1b9f1884b863cf7f2a11dd6bfa674abef94dfe26 Mon Sep 17 00:00:00 2001
From: jinsir <874871581@qq.com>
Date: Tue, 18 Nov 2025 21:01:42 +0800
Subject: [PATCH 1/2] =?UTF-8?q?list=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/body/GrassrootsDynamics.tsx | 35 ++++++++++++++--------
 app/components/list/List.tsx               |  6 ++--
 2 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/app/components/body/GrassrootsDynamics.tsx b/app/components/body/GrassrootsDynamics.tsx
index 3c64040..3a67208 100644
--- a/app/components/body/GrassrootsDynamics.tsx
+++ b/app/components/body/GrassrootsDynamics.tsx
@@ -3,18 +3,27 @@ import List from '../list/List';
 
 export default function GrassrootsDynamics() {
   return (
- <div className="grid grid-cols-2 gap-6 bg-gray-50 p-6 rounded-2xl shadow-xl">
-  {/* 左边图片 */}
-  <div className="w-full h-auto rounded-lg shadow-md">
-    <img
-      src="/images/carousel-1.jpg"
-      alt="基层动态"
-    />
-  </div>
-  {/* 右边列表 */}
-  <div>
-    <List />
-  </div>
-</div>
+    <div className="flex bg-white rounded-2xl shadow-xl overflow-hidden">
+      {/* 左边图片 */}
+      <div className="w-2/5 bg-pink-50 p-6 flex flex-col items-center justify-center relative">
+        {/* 装饰图形 */}
+        <div className="absolute top-4 left-4 w-16 h-16 bg-blue-500 rounded-full opacity-80"></div>
+        <div className="absolute bottom-4 right-4 w-20 h-20 bg-blue-500 rounded-full opacity-80"></div>
+
+        {/* 图片 */}
+        <div className="w-full h-64 flex items-center justify-center overflow-hidden rounded-lg">
+          <img
+            src="/images/carousel-1.jpg"
+            alt="基层动态"
+            className="w-full h-full object-cover"
+          />
+        </div>
+      </div>
+
+      {/* 右边列表 */}
+      <div className="w-3/5 bg-blue-100 text-white p-6">
+        <List />
+      </div>
+    </div>
   );
 }
\ No newline at end of file
diff --git a/app/components/list/List.tsx b/app/components/list/List.tsx
index 0034864..c8c706d 100644
--- a/app/components/list/List.tsx
+++ b/app/components/list/List.tsx
@@ -29,9 +29,9 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
 // 使用新闻数据渲染列表
 const List: React.FC = () => {
   return (
-    <div className=" ">
-      <div className="grid grid-cols-1 md:grid-cols-2 ">
-        <div className=" p-6 rounded-lg ">
+    <div >
+      <div >
+        <div className=" p-6 ">
           <ul className="space-y-4">
             {mockNewsData.map((news) => (
               <NewsItem  title={news.title} time={news.time} url={news.url} />

From b5e0ebeb3aab946b0b7367023df87d0d7c2e4453 Mon Sep 17 00:00:00 2001
From: jinsir <874871581@qq.com>
Date: Tue, 18 Nov 2025 21:11:12 +0800
Subject: [PATCH 2/2] grassroots dynamics

---
 app/components/body/GrassrootsDynamics.tsx | 10 ++--------
 app/components/list/NewsList.tsx           |  2 +-
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/app/components/body/GrassrootsDynamics.tsx b/app/components/body/GrassrootsDynamics.tsx
index 3a67208..f98351b 100644
--- a/app/components/body/GrassrootsDynamics.tsx
+++ b/app/components/body/GrassrootsDynamics.tsx
@@ -3,14 +3,8 @@ import List from '../list/List';
 
 export default function GrassrootsDynamics() {
   return (
-    <div className="flex bg-white rounded-2xl shadow-xl overflow-hidden">
-      {/* 左边图片 */}
+    <div className="flex bg-white rounded-2xl shadow-xl overflow-hidden mx-auto w-4/5">
       <div className="w-2/5 bg-pink-50 p-6 flex flex-col items-center justify-center relative">
-        {/* 装饰图形 */}
-        <div className="absolute top-4 left-4 w-16 h-16 bg-blue-500 rounded-full opacity-80"></div>
-        <div className="absolute bottom-4 right-4 w-20 h-20 bg-blue-500 rounded-full opacity-80"></div>
-
-        {/* 图片 */}
         <div className="w-full h-64 flex items-center justify-center overflow-hidden rounded-lg">
           <img
             src="/images/carousel-1.jpg"
@@ -21,7 +15,7 @@ export default function GrassrootsDynamics() {
       </div>
 
       {/* 右边列表 */}
-      <div className="w-3/5 bg-blue-100 text-white p-6">
+      <div className="w-3/5 bg-blue-200 text-white p-6">
         <List />
       </div>
     </div>
diff --git a/app/components/list/NewsList.tsx b/app/components/list/NewsList.tsx
index 34160e7..01766a0 100644
--- a/app/components/list/NewsList.tsx
+++ b/app/components/list/NewsList.tsx
@@ -32,7 +32,7 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
 // 使用新闻数据渲染列表
 const NewsList: React.FC = () => {
   return (
-    <div className="bg-gray-100 p-6 rounded-lg shadow-md">
+    <div className="bg-gray-100 p-6 rounded-lg shadow-md w-4/5 mx-auto">
       <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
         {/* 科技新闻 */}
         <div className="bg-white p-6 rounded-lg shadow-sm">