style(scene): 优化工程卡片样式和布局

src/pages/scene/engineering.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import style from './style/engineering.module.less';
+import styles from './style/engineering.module.less';
 import { Input, Grid, Card, Result, Pagination } from '@arco-design/web-react';
 import { IconPlus, IconApps } from '@arco-design/web-react/icon';
 import { openWindow, OpenWindowOptions } from '@/utils/common';
@@ -72,7 +72,7 @@ const Engineering: React.FC<EngineeringProps> = ({ dataType, showAdd = true }) =
 
   return (
     <>
-      <div className={style.engineeringContainer}>
+      <div className={styles["engineering-container"]}>
         {/*搜索*/}
         <Row>
           <Col span={24}>
@@ -100,7 +100,7 @@ const Engineering: React.FC<EngineeringProps> = ({ dataType, showAdd = true }) =
             {/*新建工程按钮*/}
             {showAdd && (
               <Card
-                className={style.cardStyle}
+                className={styles["card-style"]}
               >
                 <Result
                   status="info"
@@ -120,12 +120,7 @@ const Engineering: React.FC<EngineeringProps> = ({ dataType, showAdd = true }) =
               lg={6}
               xl={6}
               xxl={6}>
-              <Card className={style.cardStyle} hoverable onClick={() => openEngineHandle(item)}>
-                {/*<Result*/}
-                {/*  status="info"*/}
-                {/*  subTitle={item.name}*/}
-                {/*  icon={<IconApps />}*/}
-                {/*></Result>*/}
+              <Card className={styles["card-style"]} hoverable onClick={() => openEngineHandle(item)}>
                 <CardWrap item={item}></CardWrap>
               </Card>
             </Col>

src/pages/scene/style/cardWrap.module.less

@@ -24,12 +24,12 @@
   .card-footer {
     display: flex;
     justify-content: space-between;
-    padding: 0 0 10px 12px;
+    padding: 0 0 15px 12px;
 
     .operation {
       svg {
         margin-right: 15px;
-        font-size: 16px;
+        font-size: 18px;
       }
     }
   }

src/pages/scene/style/engineering.module.less

@@ -1,11 +1,16 @@
-.engineeringContainer {
-  .cardStyle {
+.engineering-container {
+  .card-style {
     margin: 5px;
     border: 1px solid var(--color-neutral-3);
     cursor: pointer;
+    transition-property: all;
 
     :global(.arco-card-body) {
       padding: 0;
     }
   }
+
+  .card-style:hover {
+    transform: translateY(-4px);
+  }
 }