From bb0fc337e7a27457052fe24924d076efe0805c45 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 9 Dec 2025 10:10:46 +0800
Subject: [PATCH] =?UTF-8?q?feat(componentMarket):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E8=AF=84=E5=88=86=E5=B1=95=E7=A4=BA=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/componentMarket/compCard.tsx             |  9 ++++++---
 src/pages/componentMarket/compDetails.tsx          | 14 +++++++++-----
 .../componentMarket/style/compCard.module.less     |  4 ++++
 .../componentMarket/style/compDetails.module.less  |  4 ++++
 4 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/pages/componentMarket/compCard.tsx b/src/pages/componentMarket/compCard.tsx
index 0a8689f..234adb0 100644
--- a/src/pages/componentMarket/compCard.tsx
+++ b/src/pages/componentMarket/compCard.tsx
@@ -3,6 +3,7 @@ import styles from './style/compCard.module.less';
 import { Card, Grid, Rate, Typography, Pagination, Spin, Empty, Image } from '@arco-design/web-react';
 import { useRouter } from 'next/router';
 import { getComponentMarket } from '@/api/componentMarket';
+import { IconStarFill } from '@arco-design/web-react/icon';
 
 const { Row, Col } = Grid;
 
@@ -133,10 +134,12 @@ const CompCard: React.FC<CompCardProps> = ({
                       <div className={styles['info-score']}>
                         <div>组件评分：</div>
                         <div className={styles['info-rate']}>
-                          <Rate readonly allowHalf value={item.star || 5} />
-                          <Typography.Text style={{ margin: '0 5px', fontSize: 16 }}>
-                            {item.star || 5}分
+                          {/*<Rate readonly allowHalf value={item.star || 5} />*/}
+                          <Typography.Text style={{ margin: '0 5px', fontSize: 14 }}>
+                            {item.star || 5}
                           </Typography.Text>
+                          <IconStarFill
+                            style={{ color: '#ffcd00' }} />
                         </div>
                       </div>
                     </div>
diff --git a/src/pages/componentMarket/compDetails.tsx b/src/pages/componentMarket/compDetails.tsx
index e89527e..2677766 100644
--- a/src/pages/componentMarket/compDetails.tsx
+++ b/src/pages/componentMarket/compDetails.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import styles from './style/compDetails.module.less';
 import { Space, Divider, Button, Typography, Card, Image, Rate, Grid } from '@arco-design/web-react';
+import { IconStarFill } from '@arco-design/web-react/icon';
 import dayjs from 'dayjs';
 import { getComponentMarket } from '@/api/componentMarket';
 import ReactMarkdown from 'react-markdown';
@@ -117,7 +118,8 @@ const CompDetails = ({ compInfo }) => {
                 className={styles['update-time']}>更新时间: {dayjs(currentCompInfo.updateTime).format('YYYY-MM-DD HH:mm:ss')}</div>
               <div className={styles['update-time']}>组件大小: {currentCompInfo.size}</div>
               <div className={styles['update-time']}>组件版本: V_{currentCompInfo.status}</div>
-              <div className={styles['update-time']}>组件评分: {currentCompInfo.star}分</div>
+              <div className={styles['update-time']}>组件评分: {currentCompInfo.star || 5} <IconStarFill
+                style={{ color: '#ffcd00' }} /></div>
             </Space>
           </div>
           <div className={styles['extra']}>
@@ -194,7 +196,7 @@ const CompDetails = ({ compInfo }) => {
           <Divider style={{ borderBottomStyle: 'dashed' }} />
           <div className={styles['handel-box']}>
             <Button type="text">更新时间: {dayjs(currentCompInfo.updateTime).format('YYYY-MM-DD HH:mm:ss')}</Button>
-            <Button type="text"  onClick={handleCopyComponent}>复制到我的组件</Button>
+            <Button type="text" onClick={handleCopyComponent}>复制到我的组件</Button>
           </div>
           <Divider style={{ borderBottomStyle: 'dashed' }} />
         </div>
@@ -230,10 +232,12 @@ const CompDetails = ({ compInfo }) => {
                   <div className={styles['info-score']}>
                     <div>组件评分：</div>
                     <div className={styles['info-rate']}>
-                      <Rate readonly allowHalf value={item.star || 5} />
-                      <Typography.Text style={{ margin: '0 5px', fontSize: 16 }}>
-                        {item.star || 5}分
+                      {/*<Rate readonly allowHalf value={item.star || 5} />*/}
+                      <Typography.Text style={{ margin: '0 5px', fontSize: 14 }}>
+                        {item.star || 5}
                       </Typography.Text>
+                      <IconStarFill
+                        style={{ color: '#ffcd00' }} />
                     </div>
                   </div>
                 </div>
diff --git a/src/pages/componentMarket/style/compCard.module.less b/src/pages/componentMarket/style/compCard.module.less
index 58da1c9..35378ea 100644
--- a/src/pages/componentMarket/style/compCard.module.less
+++ b/src/pages/componentMarket/style/compCard.module.less
@@ -17,6 +17,10 @@
   .info-box {
     width: calc(100% - 100px);
 
+    .info-score {
+      display: flex;
+    }
+
     .info-author {
       margin-bottom: 40px;
       white-space: nowrap; /* 禁止换行 */
diff --git a/src/pages/componentMarket/style/compDetails.module.less b/src/pages/componentMarket/style/compDetails.module.less
index 1e1adfa..a2ee396 100644
--- a/src/pages/componentMarket/style/compDetails.module.less
+++ b/src/pages/componentMarket/style/compDetails.module.less
@@ -239,6 +239,10 @@
   .info-box {
     width: calc(100% - 100px);
 
+    .info-score {
+      display: flex;
+    }
+
     .info-author {
       margin-bottom: 40px;
       white-space: nowrap; /* 禁止换行 */