From e0281f3b7cff8f59351c7571dc98a05f81a68c69 Mon Sep 17 00:00:00 2001 From: fmk1023 Date: Fri, 23 Jan 2026 17:25:10 +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-=E5=A2=9E=E5=8A=A0=E6=AD=A6=E6=B1=89=E9=B8=BF?= =?UTF-8?q?=E8=92=99=E9=A1=B9=E7=9B=AE=E6=A6=9C=E5=8D=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Community/components/HarmonyEcoCharts.vue | 102 ++++++++++++++---- .../Jyh/Community/components/StatsBar.vue | 6 +- 2 files changed, 84 insertions(+), 24 deletions(-) diff --git a/src/views/Jyh/Community/components/HarmonyEcoCharts.vue b/src/views/Jyh/Community/components/HarmonyEcoCharts.vue index d63a551..c927588 100644 --- a/src/views/Jyh/Community/components/HarmonyEcoCharts.vue +++ b/src/views/Jyh/Community/components/HarmonyEcoCharts.vue @@ -11,7 +11,8 @@
鸿蒙项目城市分布 - 鸿蒙优秀开源项目 + 鸿蒙开源项目 + 武汉鸿蒙项目
@@ -24,12 +25,41 @@ @mouseenter="pauseScroll('hmProject')" @mouseleave="resumeScroll('hmProject')">
-
+
{{ (index % hmProjects.length) + 1 }}
- {{ item.name }} +
+ {{ item.name }} + {{ item.company }} +
+ {{ item.desc }} +
+
+ ★ {{ item.stars }} +
+
+
+
+ +
+
+
+
+ + {{ (index % whProjects.length) + 1 }} + +
+
+
+ {{ item.name }} + {{ item.company }} +
{{ item.desc }}
@@ -41,15 +71,6 @@
- 数据来源： -
- - - - Gitee / GitHub -
@@ -284,16 +305,29 @@ const hmEnterpriseCityData = [ ]; const hmProjects = [ - { name: 'OpenHarmony', desc: '开源鸿蒙操作系统核心项目', stars: '50k+' }, - { name: 'HarmonyOS Developer Tools', desc: '鸿蒙开发工具集', stars: '15k+' }, - { name: 'HarmonyOS Application Framework', desc: '鸿蒙应用框架', stars: '12k+' }, - { name: 'HarmonyOS Distributed Hardware', desc: '分布式硬件管理', stars: '10k+' }, - { name: 'HarmonyOS Security Framework', desc: '鸿蒙安全框架', stars: '9k+' }, - { name: 'HarmonyOS AI Framework', desc: '鸿蒙AI框架', stars: '8.5k+' }, - { name: 'HarmonyOS Graphics Framework', desc: '鸿蒙图形框架', stars: '8k+' }, - { name: 'HarmonyOS Multimedia Framework', desc: '鸿蒙多媒体框架', stars: '7.5k+' }, - { name: 'HarmonyOS Kernel LiteOS-M', desc: '轻量级内核', stars: '7k+' }, - { name: 'HarmonyOS Kernel Linux', desc: 'Linux内核适配', stars: '6.5k+' } + { name: 'OpenHarmony', desc: '开源鸿蒙操作系统核心项目', stars: '50k+', company: '华为' }, + { name: 'HarmonyOS Developer Tools', desc: '鸿蒙开发工具集', stars: '15k+', company: '华为' }, + { name: 'HarmonyOS Application Framework', desc: '鸿蒙应用框架', stars: '12k+', company: '华为' }, + { name: 'HarmonyOS Distributed Hardware', desc: '分布式硬件管理', stars: '10k+', company: '华为' }, + { name: 'HarmonyOS Security Framework', desc: '鸿蒙安全框架', stars: '9k+' , company: '华为'}, + { name: 'HarmonyOS AI Framework', desc: '鸿蒙AI框架', stars: '8.5k+', company: '华为' }, + { name: 'HarmonyOS Graphics Framework', desc: '鸿蒙图形框架', stars: '8k+', company: '华为' }, + { name: 'HarmonyOS Multimedia Framework', desc: '鸿蒙多媒体框架', stars: '7.5k+', company: '华为' }, + { name: 'HarmonyOS Kernel LiteOS-M', desc: '轻量级内核', stars: '7k+', company: '华为' }, + { name: 'HarmonyOS Kernel Linux', desc: 'Linux内核适配', stars: '6.5k+', company: '华为' } +]; + +const whProjects = [ + { name: 'OpenHarmony', desc: '开源鸿蒙操作系统核心项目', stars: '50k+', company: '华为' }, + { name: 'HarmonyOS Developer Tools', desc: '鸿蒙开发工具集', stars: '15k+', company: '华为' }, + { name: 'HarmonyOS Application Framework', desc: '鸿蒙应用框架', stars: '12k+' , company: '华为'}, + { name: 'HarmonyOS Distributed Hardware', desc: '分布式硬件管理', stars: '10k+', company: '华为' }, + { name: 'HarmonyOS Security Framework', desc: '鸿蒙安全框架', stars: '9k+', company: '华为' }, + { name: 'HarmonyOS AI Framework', desc: '鸿蒙AI框架', stars: '8.5k+', company: '华为' }, + { name: 'HarmonyOS Graphics Framework', desc: '鸿蒙图形框架', stars: '8k+', company: '华为' }, + { name: 'HarmonyOS Multimedia Framework', desc: '鸿蒙多媒体框架', stars: '7.5k+', company: '华为' }, + { name: 'HarmonyOS Kernel LiteOS-M', desc: '轻量级内核', stars: '7k+', company: '华为' }, + { name: 'HarmonyOS Kernel Linux', desc: 'Linux内核适配', stars: '6.5k+', company: '华为' } ]; const hmDevelopers = [ @@ -544,10 +578,12 @@ const scrollContainerHmProject = ref(null); const scrollContainerHmDev = ref(null); const scrollTimers: { [key: string]: NodeJS.Timeout | null } = { hmProject: null, hmDev: null }; const scrollContainerHmEnt = ref(null); +const scrollContainerWhProject = ref(null); const autoScroll = (key: string) => { let container; if (key === 'hmProject') container = scrollContainerHmProject.value; + else if (key === 'whProject') container = scrollContainerWhProject.value; else if (key === 'hmDev') container = scrollContainerHmDev.value; else if (key === 'hmEnt') container = scrollContainerHmEnt.value; else if (key === 'uni') container = scrollContainerUni.value; @@ -786,6 +822,7 @@ onMounted(() => { autoScroll('hmProject'); autoScroll('hmDev'); autoScroll('hmEnt'); + autoScroll('whProject'); initUniCityChart(); // 初始化高校分布图 autoScroll('uni'); // 启动高校列表滚动 window.addEventListener('resize', handleResize); @@ -932,6 +969,25 @@ onUnmounted(() => { color: #333; } +/* 企业标签样式 */ +.project-company-tag { + font-size: 11px; + padding: 0px 6px; + background-color: #f1f5f9; + color: #64748b; + border-radius: 4px; + border: 1px solid #e2e8f0; + white-space: nowrap; + margin-right: 4px; +} + +/* 针对 Top 3 项目的企业标签可以加深一点颜色（可选） */ +.project-item:nth-child(-n+3) .project-company-tag { + background-color: #eff6ff; + color: #3b82f6; + border-color: #dbeafe; +} + .project-desc { font-size: 11px; color: #64748b; @@ -1052,7 +1108,7 @@ onUnmounted(() => { } .language-tab span { - padding: 0.45rem 1.2rem; + padding: 0.45rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 600; diff --git a/src/views/Jyh/Community/components/StatsBar.vue b/src/views/Jyh/Community/components/StatsBar.vue index abd904d..577f597 100644 --- a/src/views/Jyh/Community/components/StatsBar.vue +++ b/src/views/Jyh/Community/components/StatsBar.vue @@ -2,7 +2,11 @@
1000W+ - 鸿蒙开发者 + 全国鸿蒙认证开发者 +
+
+ 1W+ + 武汉鸿蒙认证开发者