pref(scene): 优化卡片样式并添加用户头像

- 在卡片标题中设置字体大小为 16px
- 调整卡片底部样式，添加用户头像
- 使用 Redux hooks 获取用户信息
- 优化卡片组件，展示用户头像和用户名

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*/}
+          <Image
-          {/*/>*/}
+            className={styles['avatar']}
-          <span>头像&nbsp;&nbsp;&nbsp;&nbsp;</span>
+            width={25}
+            preview={false}
+            src={userInfo.avatar}
+          />
           <span>{item.createUser}</span>
         </div>
         <div className={styles['operation']}>

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;