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')"> -
-
-
- - {{ (index % uniContributors.length) + 1 }} - + +
+
+
+ {{ item.authorName.charAt(0).toUpperCase() }}
-
-
- {{ item.authorName }} - {{ item.university }} +
+
+ {{ item.authorName }} + {{ item.university }} + {{ item.authorEmail }}
-
- @{{ item.repo }} - {{ item.detailMessage }} +
+ ++{{ item.additions }} + / + --{{ item.deletions }}
+
+ @{{ item.repo }} + {{ item.detailMessage }} +
-
-
- 新增:+{{ item.additions }} - 减少:-{{ item.deletions }} - 修改:{{ item.changeNum }} -
+
{{ item.authorEmail }}
+
+ 总修改 + + {{ item.changeNum }} + +
+ + +
@@ -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; } }