From 09222ca3b97531d1bce5914561115a72339e95dc Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Fri, 12 Sep 2025 10:34:41 +0800
Subject: [PATCH] =?UTF-8?q?pref(scene):=20=E4=BC=98=E5=8C=96=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F=E5=B9=B6=E6=B7=BB=E5=8A=A0=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E5=A4=B4=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在卡片标题中设置字体大小为 16px
- 调整卡片底部样式，添加用户头像
- 使用 Redux hooks 获取用户信息
- 优化卡片组件，展示用户头像和用户名
---
 src/pages/scene/cardWrap.tsx               | 14 ++++++++++----
 src/pages/scene/style/cardWrap.module.less | 15 ++++++++++++++-
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/pages/scene/cardWrap.tsx b/src/pages/scene/cardWrap.tsx
index 539f4ad..7dfbdb2 100644
--- a/src/pages/scene/cardWrap.tsx
+++ b/src/pages/scene/cardWrap.tsx
@@ -1,8 +1,10 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import styles from './style/cardWrap.module.less';
 import { getImageUrl } from '@/utils/pubUse';
 import { Image, Popconfirm } from '@arco-design/web-react';
 import { IconEdit, IconDelete } from '@arco-design/web-react/icon';
+import { GlobalState } from '@/store';
+import { useSelector, useDispatch } from 'react-redux';
 
 interface CardWrapProps {
   item: any;
@@ -12,6 +14,7 @@ interface CardWrapProps {
 }
 
 const CardWrap: React.FC<CardWrapProps> = ({ item, onEdit, onDelete, onClick }) => {
+  const { userInfo, userLoading } = useSelector((state: GlobalState) => state);
   const handleEdit = (e: React.MouseEvent) => {
     e.stopPropagation();
     if (onEdit) {
@@ -51,9 +54,12 @@ const CardWrap: React.FC<CardWrapProps> = ({ item, onEdit, onDelete, onClick })
       </div>
       <div className={styles['card-footer']}>
         <div className={styles['owner']}>
-          {/*<Image*/}
-          {/*/>*/}
-          <span>头像&nbsp;&nbsp;&nbsp;&nbsp;</span>
+          <Image
+            className={styles['avatar']}
+            width={25}
+            preview={false}
+            src={userInfo.avatar}
+          />
           <span>{item.createUser}</span>
         </div>
         <div className={styles['operation']}>
diff --git a/src/pages/scene/style/cardWrap.module.less b/src/pages/scene/style/cardWrap.module.less
index 836d13e..9f9b088 100644
--- a/src/pages/scene/style/cardWrap.module.less
+++ b/src/pages/scene/style/cardWrap.module.less
@@ -15,6 +15,10 @@
   .card-content {
     padding: 10px 12px;
 
+    .card-title {
+      font-size: 16px;
+    }
+
     .card-desc {
       color: rgb(var(--gray-6));
       min-height: 54px;
@@ -24,7 +28,16 @@
   .card-footer {
     display: flex;
     justify-content: space-between;
-    padding: 0 12px 15px 12px;
+    padding: 0 12px 5px 12px;
+
+    .owner {
+      display: flex;
+      align-items: center;
+
+      .avatar {
+        margin-right: 5px;
+      }
+    }
 
     .operation {
       display: flex;