+
+
+
+ {{ (index % whProjects.length) + 1 }}
+
+
+
+
+ {{ item.name }}
+ {{ item.company }}
+
{{ item.desc }}
@@ -41,15 +71,6 @@
@@ -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+
+ 武汉鸿蒙认证开发者