更新主页新闻配置界面

src/pages/Home.js

@@ -2,9 +2,30 @@ import React, { useEffect, useState } from 'react';
 import './Home.css';
 
 const slidesData = [
-  { id: 1, title: '行业资讯：新机型发布', description: '最新机型亮相航空展，性能全面升级', image: '' },
-  { id: 2, title: '解决方案：资料管理优化', description: '一体化资料管理平台上线，提效30%', image: '' },
-  { id: 3, title: '产品更新：PDF在线预览', description: '新增在线预览与多端适配功能', image: '' }
+  {
+    id: 1,
+    title: '行业资讯：新机型发布',
+    description: '最新机型亮相航空展，性能全面升级',
+    image: 'http://localhost:3001/uploads/home_1.png'
+  },
+  {
+    id: 2,
+    title: '解决方案：资料管理优化',
+    description: '一体化资料管理平台上线，提效30%',
+    image: 'http://localhost:3001/uploads/home_2.jpg'
+  },
+  {
+    id: 3,
+    title: '产品更新：PDF在线预览',
+    description: '新增在线预览与多端适配功能',
+    image: 'http://localhost:3001/uploads/home_3.jpg'
+  },
+  {
+    id: 4,
+    title: '客户案例：数字化转型',
+    description: '多行业落地实践，推动数据驱动决策',
+    image: 'http://localhost:3001/uploads/home_4.jpg'
+  }
 ];
 
 const Home = () => {
@@ -27,37 +48,33 @@ const Home = () => {
 
   return (
     <div className="home-page">
-      <div className="container">
-        <div className="hero">
-          <h1>机型信息平台</h1>
-          <p>欢迎访问主页，无需登录即可浏览导航与新闻</p>
+      
+
+      <div className="carousel-full">
+        <button className="arrow left" onClick={prevSlide}>‹</button>
+
+        <div className="slides">
+          {slidesData.map((s, idx) => (
+            <div key={s.id} className={`slide ${idx === active ? 'active' : ''}`}>
+              <img className="slide-img" src={s.image} alt={s.title} loading="lazy" />
+              <div className="caption">
+                <h3>{s.title}</h3>
+                <p>{s.description}</p>
+              </div>
+            </div>
+          ))}
         </div>
 
-        <div className="carousel">
-          <button className="arrow left" onClick={prevSlide}>‹</button>
+        <button className="arrow right" onClick={nextSlide}>›</button>
 
-          <div className="slides">
-            {slidesData.map((s, idx) => (
-              <div key={s.id} className={`slide ${idx === active ? 'active' : ''}`}>
-                <div className="slide-content">
-                  <h3>{s.title}</h3>
-                  <p>{s.description}</p>
-                </div>
-              </div>
-            ))}
-          </div>
-
-          <button className="arrow right" onClick={nextSlide}>›</button>
-
-          <div className="indicators">
-            {slidesData.map((_, idx) => (
-              <span
-                key={idx}
-                className={`dot ${idx === active ? 'active' : ''}`}
-                onClick={() => setActive(idx)}
-              />
-            ))}
-          </div>
+        <div className="indicators">
+          {slidesData.map((_, idx) => (
+            <span
+              key={idx}
+              className={`dot ${idx === active ? 'active' : ''}`}
+              onClick={() => setActive(idx)}
+            />
+          ))}
         </div>
       </div>
     </div>