chore: update

src/App.scss

@@ -75,23 +75,21 @@ textarea {
 textarea:focus {
   outline: 0;
 }
-:root {
-  --main-color: #ba143e;
-}
 html,
 body,
 #root {
   width: 100%;
   height: 100%;
 }
+
+:root {
+  --main-color: #ba143e;
+}
+
 .app-card {
   --ant-color-text-heading: var(--main-color);
   --ant-border-radius-lg: 20px;
 }
-/* .app-card .ant-card-head {
-  padding: 0;
-  margin: 0 20px;
-} */
 
 .app-steps {
   .ant-steps-item-title {

src/main.tsx

@@ -19,6 +19,7 @@ const antdTheme = {
   hashed: false,
   token: {
     colorPrimary: '#ba143e',
+    borderRadiusLG: 12,
   },
 }
 

src/modules/data/dashboard/styles.scss

-.banner {
-  padding: 30px 40px 50px;
-  h2 {
-    font-size: 20px;
-    font-weight: 700;
-    line-height: 28px;
-  }
-  p {
-    margin-top: 20px;
-    font-size: 18px;
-    line-height: 25px;
-  }
+.dashboard {
+  width: 1240px;
+  margin: 0 auto;
 }
 .carousel-banner {
-  .slick-dots {
-    li {
-      button {
-        &::after {
-          background-color: #bbb !important;
-        }
-      }
-      &.slick-active {
-        &::after {
-          background: var(--main-color) !important;
-        }
-      }
-    }
+  margin-bottom: 40px;
+  .banner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }
 .card-item {
-  display: flex;
-  &__left {
-    flex: 1;
   h3 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     font-size: 20px;
+    .lucide {
+      color: var(--main-color);
+    }
   }
   p {
+    margin: 10px 0 30px;
     font-size: 16px;
-      margin-top: 10px;
-    }
-  }
-  &__right {
-    font-size: 20px;
-    color: var(--main-color);
   }
 }

src/modules/data/dashboard/views/Index.tsx

@@ -8,6 +8,7 @@ type CardItem = {
   title: string
   description: string
   path: string
+  span?: number
 }
 
 export default function DataDashboard() {
@@ -37,18 +38,21 @@ export default function DataDashboard() {
       path: '/data/process',
     },
     {
+      span: 8,
       icon: <Cone size={40} />,
       title: '数据挖掘',
       description: '智能数据解析与知识图谱构建‌‌',
       path: '/data/digging',
     },
     {
+      span: 8,
       icon: <ChartArea size={40} />,
       title: '可视化组件',
       description: '‌智能可视化组件',
       path: '/data/chart',
     },
     {
+      span: 8,
       icon: <Wallpaper size={40} />,
       title: '可视化大屏',
       description: '‌智能可视化大屏',
@@ -60,41 +64,31 @@ export default function DataDashboard() {
     return (
       <Card>
         <div className="card-item">
-          <div className="card-item__left">
-            <h3>{item.title}</h3>
+          <h3>
+            {item.title} {item.icon}
+          </h3>
           <p>{item.description}</p>
-            <br />
           <Link to={item.path}>
             <Button shape="round">点击进入</Button>
           </Link>
         </div>
-          <div className="card-item__right">{item.icon}</div>
-        </div>
       </Card>
     )
   }
 
   return (
-    <div style={{ margin: '0 80px' }}>
-      <Card style={{ marginBottom: 40 }}>
+    <div className="dashboard">
       <Carousel className="carousel-banner">
         <div className="banner">
-            <h2>AI驱动的数据分析实验室</h2>
-            <p>
-              以AI技术为核心驱动力，深度挖掘数据价值，为各领域提供精准、高效的数据分析解决方案，助力决策智能化与业务创新。
-            </p>
+          <img src="/images/banner_1.png" />
         </div>
         <div className="banner">
-            <h2>AI驱动的数据分析实验室</h2>
-            <p>
-              以AI技术为核心驱动力，深度挖掘数据价值，为各领域提供精准、高效的数据分析解决方案，助力决策智能化与业务创新。
-            </p>
+          <img src="/images/banner_2.png" />
         </div>
       </Carousel>
-      </Card>
-      <Row gutter={[40, 40]}>
+      <Row gutter={[20, 40]}>
         {items.map((item) => (
-          <Col span={6} key={item.path}>
+          <Col span={item.span || 6} key={item.path}>
             {CardCardItem(item)}
           </Col>
         ))}