From e20e7b84e235763a974228724409212af03071a2 Mon Sep 17 00:00:00 2001
From: fmk1023 <fmk1023@noreply.gitcode.com>
Date: Wed, 21 Jan 2026 16:50:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=80=81=E5=8A=BF=E6=84=9F=E7=9F=A5=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0-=E6=AD=A6=E6=B1=89=E5=B8=82=E5=BC=80=E6=BA=90?=
 =?UTF-8?q?=E5=BB=BA=E8=AE=BE=E7=94=9F=E6=80=81=E9=A1=B5=E9=9D=A2=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E9=B8=BF=E8=92=99=E7=94=9F=E6=80=81=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=8F=AF=E8=A7=86=E5=8C=96=E6=A8=A1=E5=9D=97=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Community/components/HarmonyEcoCharts.vue | 157 ++++++------------
 1 file changed, 48 insertions(+), 109 deletions(-)

diff --git a/src/views/Jyh/Community/components/HarmonyEcoCharts.vue b/src/views/Jyh/Community/components/HarmonyEcoCharts.vue
index b9a06e9..3b44343 100644
--- a/src/views/Jyh/Community/components/HarmonyEcoCharts.vue
+++ b/src/views/Jyh/Community/components/HarmonyEcoCharts.vue
@@ -177,32 +177,42 @@
                ref="scrollContainerUni"
                @mouseenter="pauseScroll('uni')"
                @mouseleave="resumeScroll('uni')">
-            <div class="project-list">
-              <div class="project-item" v-for="(item, index) in [...uniContributors, ...uniContributors]" :key="index">
-                <div class="project-rank-wrapper">
-        <span class="project-rank" :style="(index % uniContributors.length) < 3 ? 'background:#10B981; box-shadow: 0 0 8px rgba(16,185,129,0.4)' : 'background:#334155'">
-          {{ (index % uniContributors.length) + 1 }}
-        </span>
+
+            <div class="developer-list">
+              <div class="developer-item" v-for="(item, index) in [...uniContributors, ...uniContributors]" :key="index">
+                <div class="dev-avatar" :style="{ background: getAvatarBg(index) }">
+                  {{ item.authorName.charAt(0).toUpperCase() }}
                 </div>
 
-                <div class="project-info">
-                  <div class="info-top-row">
-                    <span class="author-name">{{ item.authorName }}</span>
-                    <span class="university-tag">{{ item.university }}</span>
+                <div class="dev-info">
+                  <div class="dev-name-row">
+                    <span class="dev-name">{{ item.authorName }}</span>
+                    <span class="dev-employer-tag">{{ item.university }}</span>
+                    <span class="author-email">{{ item.authorEmail }}</span>
                   </div>
-                  <div class="info-bottom-row">
-                    <span class="repo-name">@{{ item.repo }}</span>
-                    <span class="commit-message" :title="item.detailMessage">{{ item.detailMessage }}</span>
+                  <div class="dev-stats">
+                    <span class="stat-add">++{{ item.additions }}</span>
+                    <span class="stat-sep">/</span>
+                    <span class="stat-del">--{{ item.deletions }}</span>
                   </div>
                 </div>
+                <div class="info-bottom-row">
+                  <span class="repo-name">@{{ item.repo }}</span>
+                  <span class="commit-message" :title="item.detailMessage">{{ item.detailMessage }}</span>
+                </div>
 
-                <div class="project-meta">
-                  <div class="change-stats">
-                    <span style="color: #10B981">新增：+{{ item.additions }}</span>
-                    <span style="color: #F43F5E; margin-left: 8px">减少：-{{ item.deletions }}</span>
-                    <span style="color: #0194ff; margin-left: 8px">修改：{{ item.changeNum }}</span>
-                  </div>
+                <div class="dev-medal">
                   <div class="author-email">{{ item.authorEmail }}</div>
+                  <div class="score-container">
+                    <span class="score-label">总修改</span>
+                    <span class="score-val" :class="{ 'top-three': (index % hmDevelopers.length) < 3 }">
+                      {{ item.changeNum }}
+                    </span>
+                  </div>
+                  <svg v-if="(index % hmDevelopers.length) < 3" class="medal-icon" viewBox="0 0 24 24">
+                    <path fill="#f59e0b"
+                          d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
+                  </svg>
                 </div>
               </div>
             </div>
@@ -1190,99 +1200,28 @@ onUnmounted(() => {
 
 
 /*高校鸿蒙贡献榜*/
-.list-container {
-  overflow: hidden;
-  height: 100%;
+.author-email {
+  font-size: 14px;
+  color: #64748B; // 邮箱最暗
+}
 
-  .project-item {
-    display: flex;
-    align-items: center;
-    padding: 14px 16px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-    transition: background 0.2s ease;
+.info-bottom-row {
+  display: flex;
+  gap: 8px;
+  font-size: 14px;
+  line-height: 1.4;
 
-    &:hover {
-      background: rgba(255, 255, 255, 0.05);
-    }
+  .repo-name {
+    color: #002aff; // 仓库名浅蓝色
+    font-family: monospace;
+    flex-shrink: 0;
+  }
 
-    .project-rank-wrapper {
-      margin-right: 14px;
-      .project-rank {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 22px;
-        height: 22px;
-        border-radius: 4px;
-        color: #FFFFFF;
-        font-size: 12px;
-        font-weight: bold;
-      }
-    }
-
-    .project-info {
-      flex: 1;
-      min-width: 0;
-
-      .info-top-row {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        margin-bottom: 4px;
-
-        .author-name {
-          font-size: 15px;
-          font-weight: 600;
-          color: #000; // 姓名最亮
-        }
-
-        .university-tag {
-          font-size: 11px;
-          color: #10B981;
-          background: rgba(16, 185, 129, 0.15);
-          border: 1px solid rgba(16, 185, 129, 0.4);
-          padding: 0 6px;
-          border-radius: 10px;
-        }
-      }
-
-      .info-bottom-row {
-        display: flex;
-        gap: 8px;
-        font-size: 14px;
-        line-height: 1.4;
-
-        .repo-name {
-          color: #002aff; // 仓库名浅蓝色
-          font-family: monospace;
-          flex-shrink: 0;
-        }
-
-        .commit-message {
-          color: #94A3B8; // 提交信息中等亮度
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-
-    .project-meta {
-      text-align: right;
-      margin-left: 12px;
-      flex-shrink: 0;
-
-      .change-stats {
-        font-size: 14px;
-        //font-weight: bold;
-        margin-bottom: 2px;
-      }
-
-      .author-email {
-        font-size: 14px;
-        color: #64748B; // 邮箱最暗
-      }
-    }
+  .commit-message {
+    color: #94A3B8; // 提交信息中等亮度
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 }
 </style>