{/* 判断是否是编辑状态 */}
diff --git a/src/forge/Main/projectHomeNew/v2/index.jsx b/src/forge/Main/projectHomeNew/v2/index.jsx
index 3bf7dec2..4abd6c3b 100644
--- a/src/forge/Main/projectHomeNew/v2/index.jsx
+++ b/src/forge/Main/projectHomeNew/v2/index.jsx
@@ -52,7 +52,7 @@ function ProjectHomePage(props) {
getCate();
// getList();
getCateTopic();
- document.title = '军用开源软件仓库';
+ document.title = 'JY开源软件仓库';
// 获取总数
getInitCount();
}, [])
@@ -121,7 +121,9 @@ function ProjectHomePage(props) {
params.language_id = topicId.split(",")
params.topic_id = undefined
}
- cateID && axios.get(url, { params }).then(result => {
+ console.log('params', params);
+
+ axios.get(url, { params }).then(result => {
if (result && result.data) {
setTotal(result.data.total_count);
setProjectsList(result.data.projects);
@@ -152,7 +154,7 @@ function ProjectHomePage(props) {
-
diff --git a/src/forge/Main/projecthome/components/Banner.jsx b/src/forge/Main/projecthome/components/Banner.jsx
index 7ee4fadf..b6edd86b 100644
--- a/src/forge/Main/projecthome/components/Banner.jsx
+++ b/src/forge/Main/projecthome/components/Banner.jsx
@@ -6,7 +6,7 @@ import banner3 from '../../img/home/banner3.webp';
import { Link } from "react-router-dom";
const BANNER_DATA = [
- { key: 1, keyword: '仓库', name: '军用开源软件仓库', title: '军用开源软件仓库', content: '提供软件源码的集中托管与协作、编译构建后的制品统一管理，并支持一键搜索与下载成熟可用的应用程序，为军事软件的全生命周期提供一站式管理与分发服务', img: banner1 },
+ { key: 1, keyword: '仓库', name: 'JY开源软件仓库', title: 'JY开源软件仓库', content: '提供软件源码的集中托管与协作、编译构建后的制品统一管理，并支持一键搜索与下载成熟可用的应用程序，为军事软件的全生命周期提供一站式管理与分发服务', img: banner1 },
{ key: 2, keyword: '供应链', name: '供应链监测', title: '供应链监测', content: '实现供应链全流程可视化与智能决策。通过实时数据监控、需求预测与风险预警，优化库存与资源配置，助力精准掌控供应链动态，实现降本增效', img: banner2 },
// { key: 3, keyword: '软件工厂', name: '软件工厂专区', title: '软件工厂专区', content: '为您提供从需求到部署的一站式项目工程化管理。通过标准化流程、自动化流水线与统一制品库，赋能团队高效协作、规范交付，全面提升软件生产质量与效率', img: banner3 }
]
diff --git a/src/forge/Main/projecthome/components/Factory.jsx b/src/forge/Main/projecthome/components/Factory.jsx
index f555bb73..a8911bc0 100644
--- a/src/forge/Main/projecthome/components/Factory.jsx
+++ b/src/forge/Main/projecthome/components/Factory.jsx
@@ -71,7 +71,7 @@ function Factory(props) {
return (
军用开源软件仓库
+ JY开源软件仓库
汇聚全球顶尖开源力量，构建安全、协同、创新的软件生态，赋能军事数字化转型与智能化升级
软件工厂专区
-面向军用软件开发的高效项目工程化系统管理与平台支撑
+面向JY软件开发的高效项目工程化系统管理与平台支撑
{
Item1.map((e, index) => {
diff --git a/src/forge/Main/projecthome/components/Store.jsx b/src/forge/Main/projecthome/components/Store.jsx
index a92724c0..4c68316f 100644
--- a/src/forge/Main/projecthome/components/Store.jsx
+++ b/src/forge/Main/projecthome/components/Store.jsx
@@ -49,7 +49,7 @@ function Store(props) {
return (
-
军用开源软件仓库
+JY开源软件仓库
一站式软件资源服务中心
{
diff --git a/src/forge/Main/projecthome/v2/components/banner.jsx b/src/forge/Main/projecthome/v2/components/banner.jsx
new file mode 100644
index 00000000..ba5d2c52
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/banner.jsx
@@ -0,0 +1,112 @@
+import { Divider } from 'antd';
+import React from 'react';
+import TerminalAnimation from './terminalAnimation2';
+import ActionItem from '../../../../../factory/resource/components/ActionItem';
+
+function Banner() {
+ const lines1 = [
+ 'if(!isVisible)',
+ ' return',
+ '',
+ 'const interval = ',
+ 'setInterval(() => {',
+ ' setActive(prev => {',
+ ' return prev + 1',
+ ' });',
+ '}, 6000);',
+ '',
+ 'return () => {',
+ ' clearInterval',
+ ' (interval);',
+ '};',
+ ];
+
+ const lines2 = [
+ 'const params = {',
+ ' id: id,',
+ ' ...values',
+ '}',
+ '',
+ 'addComment(params)',
+ ' if(res){',
+ ' reloadComment();',
+ ' }',
+ '})',
+ ]
+ return (
+
+ {displayText}
+
+ );
+ currentX += getCharWidth(displayText.length);
+ charsRendered += charsToRender;
+ remainingText = remainingText.substring(charsToRender);
+ colored = true;
+ }
+ break;
+ }
+ }
+
+ // 如果没找到关键字，渲染普通文本
+ if (!colored && remainingText.length > 0) {
+ const charsToRender = Math.min(1, availableChars - charsRendered);
+ if (charsToRender > 0) {
+ const char = remainingText[0];
+ elements.push(
+
+ {char}
+
+ );
+ currentX += getCharWidth(1);
+ charsRendered += charsToRender;
+ remainingText = remainingText.substring(charsToRender);
+ }
+ }
+
+ if (charsRendered >= availableChars) break;
+ }
+
+ return { elements, currentX, charsRendered };
+ };
+
+ // 渲染文本行
+const renderTextSegments = (line, charLimit, y, isCurrentLine, lineIndex) => {
+ let x = lineNumberWidth; // 从序号列之后开始
+
+ // 渲染行号
+ const lineNumberElement = (
+
+ {lineIndex + 1}.
+
+ );
+
+ // 计算可用字符数
+ const availableChars = charLimit;
+
+ // 渲染命令部分（直接渲染整行，不再分离提示符）
+ const { elements: commandElements } = renderColoredText(
+ line,
+ x,
+ y,
+ availableChars
+ );
+
+ const allElements = [lineNumberElement, ...commandElements];
+
+ // 如果是当前行且需要光标
+ if (isCurrentLine && animationState.curOn) {
+ const cursorX = x + getCharWidth(charLimit);
+ allElements.push(
+
+ {displayText}
+
+ );
+ currentX += getCharWidth(displayText.length);
+ charsRendered += charsToRender;
+ remainingText = remainingText.substring(charsToRender);
+ colored = true;
+ }
+ break;
+ }
+ }
+
+ // 如果没找到关键字，渲染普通文本
+ if (!colored && remainingText.length > 0) {
+ const charsToRender = Math.min(1, availableChars - charsRendered);
+ if (charsToRender > 0) {
+ const char = remainingText[0];
+ elements.push(
+
+ {char}
+
+ );
+ currentX += getCharWidth(1);
+ charsRendered += charsToRender;
+ remainingText = remainingText.substring(charsToRender);
+ }
+ }
+
+ if (charsRendered >= availableChars) break;
+ }
+
+ return { elements, currentX, charsRendered };
+ };
+
+ // 渲染文本行
+const renderTextSegments = (line, charLimit, y, isCurrentLine, lineIndex) => {
+ let x = lineNumberWidth; // 从序号列之后开始
+
+ // 渲染行号
+ const lineNumberElement = (
+
+ {lineIndex + 1}.
+
+ );
+
+ // 计算可用字符数
+ const availableChars = charLimit;
+
+ // 渲染命令部分（直接渲染整行，不再分离提示符）
+ const { elements: commandElements } = renderColoredText(
+ line,
+ x,
+ y,
+ availableChars
+ );
+
+ const allElements = [...commandElements];
+
+ // 如果是当前行且需要光标
+ if (isCurrentLine && animationState.curOn) {
+ const cursorX = x + getCharWidth(charLimit);
+ allElements.push(
+ ` 标签中添加私有仓库地址：\n\n```xml\n\n \n xzgd-repo-mirror \n * \n http://172.16.6.110:8081/repository/maven-repo/ \n \n \n```\n\n\n在`settings.xml`文件中``标签中添加以下内容：\n\n\n```xml\n \n \n xzgd-maven-mirror-profile \n \n \n xzgd-maven-mirror \n http://172.16.6.110:8081/repository/maven-repo/ \n \n \n \n \n xzgd-maven-mirror \n http://172.16.6.110:8081/repository/maven-repo/ \n \n \n \n \n```\n\n在`settings.xml`文件中``标签中添加以下内容：\n\n```xml\n\n xzgd-maven-mirror-profile \n \n```\n"
+ },
+ {
+ "id": "2,4",
+ "name": "Python",
+ "icon": "icon-python",
+ "intro": "**方法一**：通过命令配置\n\n运行以下命令:\n```xml\npip config set global.index-url https://mirrors.aliyun.com/pypi/simple\npip config set install.trusted-host mirrors.aliyun.com\n```\n\n**方法二**：手动修改配置文件\n\n根据操作系统不同，修改 pip 配置文件：\n\n**Windows** 在用户目录下创建或编辑 pip.ini 文件（路径如：C:\\Users\\<用户名>\\pip\\pip.ini），内容如下：\n```xml\n[global]\nindex-url = https://mirrors.aliyun.com/pypi/simple/\n[install]\ntrusted-host = mirrors.aliyun.com\n```\n\n**Linux/Mac** 编辑或创建 ~/.config/pip/pip.conf 文件，内容如下：\n```xml\n[global]\nindex-url = https://mirrors.aliyun.com/pypi/simple\n[install]\ntrusted-host = mirrors.aliyun.com\n```\n\n验证配置，运行以下命令检查是否成功：\n```xml\npip config list\n```"
+ },
+ {
+ "id": "4,5",
+ "name": "Npm",
+ "icon": "icon-npm",
+ "intro": "通过使用npm config set registry命令切换npm的镜像源\n\n使用示例：\n可以在命令行工具中输入以下命令：\n```xml\nnpm config set registry https://registry.npm.taobao.org\n```\n\n切换镜像源后，可以通过以下命令验证是否切换成功：\n```xml\nnpm config get registry\n```\n\n如果输出结果显示镜像源已切换到淘宝的npm镜像源，则表示切换成功。"
+ }
+ ];
+
+ const topicsLength = topicsByCateId && topicsByCateId.length
+ const LIMIT = !topicsLength ? 30 : 25;
+
+ useEffect(() => {
+ getCate();
+ // getList();
+ getCateTopic();
+ document.title = 'JY开源软件仓库';
+ // 获取总数
+ getInitCount();
+ }, [])
+
+ useEffect(() => {
+ setIsSpin(true);
+ getProject();
+ }, [cateID, search, page, topicId])
+
+ function getInitCount() {
+ const obj = {
+ countByGHM: 20000,
+ countByOther: 0,
+ countByGHMType: 10
+ }
+ axios.get(`/organizations/gh_mirrors/projects.json?page=1&limit=15&sort_by=updated_on&sort_direction=desc`).then(result => {
+ if (result && result.data) {
+ obj.countByGHM = result.data.total_count || 0
+ }
+ return axios.get(`/projects.json?pinned=d&limit=1`)
+ }).then(result => {
+ if (result && result.data) {
+ obj.countByOther = result.data.total_count - obj.countByGHM
+ }
+ }).finally(() => {
+ // cateTopics && cateTopics[39] && (obj.countByGHMType = cateTopics[39].length)
+ setCount({
+ countByGHM: 20000,
+ countByOther: obj.countByOther,
+ countByGHMType: 10,
+ countByMX: 99,
+ countByRQ: 10
+ });
+ })
+ }
+
+ function getCateTopic() {
+ fetch('/cate_topic.json').then(r => r.json()).then(res => {
+ setCateTopics(res);
+ });
+ }
+
+ function getCate() {
+ const url = `/project_categories/pinned_index.json`;
+ axios.get(url).then(result => {
+ if (result && result.data) {
+ const { project_categories = [] } = result.data;
+ setCateList(project_categories);
+ // project_categories[0] && setCateID(project_categories[0].id);
+ }
+ }).catch(error => { })
+ }
+
+ function getProject() {
+ const url = `/projects.json`;
+ let params = {
+ pinned: "d",
+ category_id: cateID,
+ limit: LIMIT,
+ search: search,
+ page: page,
+ topic_id: topicId,
+ sort_by: cateID ? undefined : "praises_count",
+ language_id: undefined
+ };
+ if (cateID === 39 && topicId) {
+ // 三方组件，topicId要作为language_id参数进行查询，查询maven、python、npm的语言仓库列表
+ params.language_id = topicId.split(",")
+ params.topic_id = undefined
+ }
+ console.log('params', params);
+
+ axios.get(url, { params }).then(result => {
+ if (result && result.data) {
+ setTotal(result.data.total_count);
+ setProjectsList(result.data.projects);
+ setIsSpin(false);
+ }
+ }).catch(error => { })
+ }
+
+ function getList() {
+ // const url = `/project_rank.json`;
+ const url = `/projects/banner_recommend.json`
+ axios.get(url, {
+ // params: {
+ // time: 30,
+ // page: 1,
+ // limit: 16
+ // }
+ }).then(result => {
+ if (result && result.data) {
+ setMonthList(result.data.projects);
+ }
+ }).catch(error => { })
+ }
+
+ return
+ {/* 主要内容区域 */}
+
+ );
+}
+
+export default Banner;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/communityDynamic.jsx b/src/forge/Main/projecthome/v2/components/communityDynamic.jsx
new file mode 100644
index 00000000..5ccee5d7
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/communityDynamic.jsx
@@ -0,0 +1,120 @@
+import { Button, Divider } from 'antd';
+import React, { Fragment, useEffect, useState } from 'react';
+import { getSubDocList, getNewsDetail } from '../../../../Information/api';
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import moment from 'moment';
+
+const CommunityDynamic = () => {
+ const [list1, setList1] = useState([]);
+ const [list2, setList2] = useState([]);
+ const [firstActivity, setFirstActivity] = useState(undefined);
+ const [list3, setList3] = useState([]);
+ const firstDynamics = list3[0]
+ const firstByList1 = list1[0] || {}
+
+ useEffect(() => {
+ getSubDocList(28).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList1(rows);
+ }
+ })
+ getSubDocList(34).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList2(rows.slice(1));
+ // const firstActivity = rows[0];
+ // firstActivity && getNewsDetail(firstActivity.id).then(res1 => {
+ // if (res1 && res1.data) {
+ // setFirstActivity({
+ // ...res1.data.data,
+ // content: Base64.decode(res1.data.data.content),
+ // });
+ // }
+ // })
+ }
+ })
+ getSubDocList(39).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList3(rows);
+ }
+ })
+ }, [])
+
+ return (
+
+
+
+ {/* 底部统计数据 */}
+
+ XX可控开源社区·
+
+
+
+
+
+ 探索群智众创新范式
+ 构建军方协同新生态
+ {/* 克隆元素用于循环 */}
+ 探索群智众创新范式
+ 构建军方协同新生态
+ 持续汇聚多源需求，开放共享可信资源，协同创新核心技术，聚智赋能软件生态
+ + {/* 中央展示图 */} +
+
+
+
+ {/* */}
+
+ .default}/)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 132
+ 开源项目
+
+
+ 100
+ 合作伙伴
+
+
+ 1000
+ 应用软件
+
+
+ 99
+ 漏洞数量
+
+
+ 56
+ 软件工厂
+
+
+ 21
+ 论坛数量
+
+
+ );
+};
+
+export default CommunityDynamic;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/ecosystemAlliance.jsx b/src/forge/Main/projecthome/v2/components/ecosystemAlliance.jsx
new file mode 100644
index 00000000..0911e6e4
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/ecosystemAlliance.jsx
@@ -0,0 +1,142 @@
+import { Button } from 'antd';
+import React, { useState, useEffect, useRef } from 'react';
+import useIntersectionObserver from '../../../../../common/hooks/useIntersectionObserver';
+
+const EcosystemAlliance = () => {
+ const [activeTab, setActiveTab] = useState('partners'); // 默认显示合作伙伴
+ const [elementRef, isVisible] = useIntersectionObserver({
+ threshold: 0.2,
+ rootMargin: '0px 0px -50px 0px'
+ });
+
+ // const partners = [
+ // { name: '国防科技大学', logo: require('../image/logo1.png') },
+ // { name: '航天工程大学', logo: require('../image/logo3.png').default },
+ // { name: '信息工程大学', logo: require('../image/logo4.png').default },
+ // { name: '海军工程大学', logo: require('../image/logo5.png') },
+ // { name: '陆军工程大学', logo: require('../image/logo6.png') },
+ // { name: '中国电子北京中软', logo: require('../image/logo7.png').default },
+ // { name: '中国电科第十五研究所', logo: require('../image/logo8.png').default },
+ // { name: '华为', logo: require('../image/logo2.png') },
+ // { name: '麒麟', logo: require('../image/logo9.png') },
+ // { name: '飞腾', logo: require('../image/logo10.png') },
+ // { name: '阿里云', logo: require('../image/logo11.png') },
+ // { name: '中国电子云', logo: require('../image/logo12.png') },
+ // { name: '中国移动云', logo: require('../image/logo13.png').default }
+ // ];
+ // 将合作伙伴数据分成两部分
+ // const firstRowPartners = partners.slice(0, Math.ceil(partners.length / 2));
+ // const secondRowPartners = partners.slice(Math.ceil(partners.length / 2));
+
+ const partners1 = [
+ {title: "合作高校", children: [
+ { name: '国防科技大学', logo: require('../image/logo1.png') },
+ { name: '海军工程大学', logo: require('../image/logo5.png').default },
+ { name: '南京信息工程大学', logo: require('../image/logo4.png').default },
+ { name: '陆军工程大学', logo: require('../image/logo6.png').default },
+ { name: '航天工程大学', logo: require('../image/logo3.png').default },
+ { name: '信息工程大学', logo: require('../image/logo14.png').default },
+ ]},
+ {title: "合作企业", children: [
+ { name: '中电太极', logo: require('../image/logo7.png').default },
+ { name: '中国电科第十五研究所', logo: require('../image/logo8.png').default },
+ { name: '华为', logo: require('../image/logo2.png') },
+ { name: '阿里云', logo: require('../image/logo11.png') },
+ { name: '飞腾', logo: require('../image/logo10.png') },
+ { name: '航天706所', logo: require('../image/logo15.png') },
+ { name: '麒麟', logo: require('../image/logo9.png') },
+ { name: '中国电子云', logo: require('../image/logo12.png') },
+ { name: '中国移动云', logo: require('../image/logo13.png').default }
+ ]},
+ {title: "合作社区", children: [
+ { name: 'GitLink', logo: require('../image/logo16.png') },
+ { name: '红山开源', logo: require('../image/logo17.png') },
+ { name: '麒麟社区', logo: require('../image/logo18.png') },
+ { name: '鸿蒙社区', logo: require('../image/logo19.png') },
+ { name: '鸥栖社区', logo: require('../image/logo20.png') },
+ { name: '木兰开源社区', logo: require('../image/logo21.png').default },
+ { name: '魔搭社区', logo: require('../image/logo22.png') },
+ { name: '魔乐社区', logo: require('../image/logo25.png') },
+ { name: '启智社区', logo: require('../image/logo23.png') },
+ { name: '欧拉社区', logo: require('../image/logo24.png') },
+ ]}
+ ]
+
+ // 标签切换处理
+ const handleTabChange = (tab) => {
+ setActiveTab(tab);
+ };
+
+ return (
+ 社区动态
+
+ {/* 精选新闻 */}
+
+
+ {/* 活动和项目动态 */}
+
+ })
+ {firstByList1.name}
+
+
+ {/* 新闻列表 */}
+
+ {firstByList1.name}
+ + {firstByList1.summary} +
+ + 了解更多 + 了解更多 + +
+ {list1.slice(1,5).map((item, index) => (
+
+
+ ))}
+
+
+
+ {index < 3 && {item.name}
+ {item.summary}
+
+
+
+
+
+
+ .default})
+
+
+ })
+ 精彩活动
+
+
+ 精彩活动
+ -
+ {list2.slice(0,4).map((item, index) => (
+
- + + {item.summary} + {index === 1 && HOT} + + {/* {moment(item.publishTime).format('MM月DD日')} */} + {item.name} + + ))} +
+
+ })
+ XX项目动态
+
+
+ XX项目动态
+ -
+ {list3.slice(0,4).map((item, index) => (
+
- + + {item.name} + {index === 0 && NEW} + + {moment(item.publishTime).format('YYYY-MM-DD')} + + ))} +
+
+ );
+};
+
+export default EcosystemAlliance;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/forum.jsx b/src/forge/Main/projecthome/v2/components/forum.jsx
new file mode 100644
index 00000000..b90df396
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/forum.jsx
@@ -0,0 +1,92 @@
+import { Divider, Icon } from 'antd';
+import React, { Fragment } from 'react';
+
+const ForumExchange = () => {
+ const forums = [
+ {
+ id: 'software-resources',
+ title: '软件资源需求分论坛',
+ description: '汇聚XX各单位对开源代码、三方组件、应用软件、\n模型数据、容器镜像等方面的资源需求',
+ icon: require('../image/icon18.png')
+ },
+ {
+ id: 'supply-chain',
+ title: '供应链治理分论坛',
+ description: '交流讨论对软件漏洞、软件溯源、\nSBOM等方面的知识',
+ icon: require('../image/icon19.png')
+ },
+ {
+ id: 'open-source-development',
+ title: '开源软件开发协作分论坛',
+ description: '交流讨论开源写作、漏洞治理、兼容性分析、\n缺陷修复、学习资源等方面的知识',
+ icon: require('../image/icon20.png')
+ },
+ {
+ id: 'software-factory',
+ title: '软件工厂技术交流分论坛',
+ description: '汇聚用户对“软件工厂”的功能/性能需求，交流讨论项目管理、\n软件质量管理、软件智能开发、软件流水线等方面的知识',
+ icon: require('../image/icon21.png')
+ }
+ ];
+
+ const features = [
+ {
+ id: 'technical-discussion',
+ title: '精准探讨专业技术',
+ description: '设有问答交流、技术专区、最佳实践等核心版块',
+ icon: require('../image/icon15.png')
+ },
+ {
+ id: 'knowledge-sharing',
+ title: '实现知识的共享与思想的碰撞',
+ description: '支持自由发帖、回帖，参与各类技术讨论',
+ icon: require('../image/icon16.png')
+ },
+ {
+ id: 'user-feedback',
+ title: '听见用户的声音',
+ description: '支持软件需求、功能需求、测试需求等需求汇聚',
+ icon: require('../image/icon17.png')
+ }
+ ];
+
+ return (
+ 生态联盟
+
+
+ handleTabChange('partners')}>
+
+ 合作伙伴
+
+ handleTabChange('contributions')}>
+
+ 项目贡献
+
+
+
+
+
+
+ 生态聚力 智创共赢
+ 开放协作，与合作伙伴共拓市场蓝海。链接前沿技术，共建智慧产业新生态。赋能合作伙伴，
共筑可持续发展平台
+
+ 共筑可持续发展平台
+ {partners1.map((i,key)=>{
+ return
+
+
+
+ {/*
+
+ })}
+ {i.title}
+
+ {i.children.map((partner, index)=>{
+ return
+
+ 
+
+ })}
+
+
*/}
+
+
+
+ {[...firstRowPartners, ...firstRowPartners].map((partner, index) => (
+
+
+
+ ))}
+
+
+
+ {partner.name}
+
+
+
+ {[...secondRowPartners, ...secondRowPartners].map((partner, index) => (
+
+
+
+ ))}
+
+
+
+ {partner.name}
+
+ .default})
+
+
+ );
+};
+
+export default ForumExchange;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx b/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx
new file mode 100644
index 00000000..0181eebb
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx
@@ -0,0 +1,92 @@
+import React from 'react';
+
+const OpenSourceCollaboration = () => {
+ const collaborationFeatures = [
+ {
+ id: 'code-hosting',
+ title: '软件代码托管',
+ description: '提供开源代码git协议访问、分支管理、版本管理、许可证管理等服务',
+ icon: require('../image/icon11.png')
+ },
+ {
+ id: 'ecosystem',
+ title: '生态资源持续构建',
+ description: '提供持续集成流水线、供应链治理流水线、兼容测试流水线、发布流水线等服务',
+ icon: require('../image/icon12.png')
+ },
+ {
+ id: 'collaborative-improvement',
+ title: '群智协同改进',
+ description: '提供功能需求、漏洞治理、缺陷改进、迭代演化等开发能力',
+ icon: require('../image/icon13.png')
+ },
+ {
+ id: 'knowledge-sharing',
+ title: '社区信息学习共享',
+ description: '提供技术交流、开发知识库、开发训练营等服务',
+ icon: require('../image/icon14.png')
+ }
+ ];
+ // 将合作伙伴数据分成两部分
+ // const leftList = collaborationFeatures.slice(0, Math.ceil(collaborationFeatures.length / 2));
+ // const rightList = collaborationFeatures.slice(Math.ceil(collaborationFeatures.length / 2));
+
+ return (
+ 论坛交流
+
+ 探索更多内容
+
+
+ {forums.map((forum, index) => (
+
+
+ ))}
+
+
+ 
+ {forum.title}
+
+ {index !== forums.length - 1 && {forum.description}
+
+
+
+ {features.map((feature, index) => (
+
+
+ ))}
+
+
+ 
+
+ {index !== features.length - 1 &&
+ {feature.title}
+
+ {feature.description}
+
+
+ );
+};
+
+export default OpenSourceCollaboration;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/openSourceCollaboration1.jsx b/src/forge/Main/projecthome/v2/components/openSourceCollaboration1.jsx
new file mode 100644
index 00000000..ca05015b
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/openSourceCollaboration1.jsx
@@ -0,0 +1,103 @@
+import React, { Fragment, useEffect, useState } from 'react';
+import { AlignCenter } from '../../../../Component/layout';
+import TerminalAnimation from './terminalAnimation1';
+import useIntersectionObserver from '../../../../../common/hooks/useIntersectionObserver';
+const OpenSourceCollaboration = () => {
+ const [selectedFeature, setSelectedFeature] = useState(null);
+ const [active, setActive] = useState(1);
+ const [elementRef, isVisible] = useIntersectionObserver({
+ threshold: 0.2,
+ rootMargin: '0px 0px -20px 0px'
+ });
+
+ useEffect(() => {
+ if(!isVisible) return
+ const interval = setInterval(() => {
+ setActive(prevActive => {
+ return prevActive === 1 ? 2 : 1;
+ });
+ }, 6000);
+
+ // 清理定时器
+ return () => {
+ clearInterval(interval);
+ };
+ }, [isVisible]);
+
+ const features = [
+ {
+ title: '软件代码托管',
+ description: '提供开源代码git协议访问、分支管理、版本管理、许可证管理等服务',
+ },
+ {
+ title: '群智协同改进',
+ description: '提供功能需求、漏洞治理、缺陷改进、迭代演化等开发能力',
+ },
+ {
+ title: '生态资源持续构建',
+ description: '提供持续集成流水线、供应链治理流水线、兼容测试流水线、发布流水线等服务',
+ },
+ {
+ title: '社区信息学习共享',
+ description: '提供技术交流、开发知识库、开发训练营等服务',
+ }
+ ];
+
+ const handleFeatureClick = (feature) => {
+ setSelectedFeature(selectedFeature === feature ? null : feature);
+ };
+
+ return (
+ 开源协作
+
+
+ {/* 左侧主内容 */}
+
+
+
+ ![]({require("../image/icon22.png")})
+ 协作开发
+
+
+
+ {/* 右侧功能卡片 */}
+ {/*
+ 协作开发
+
+ 一站式协作平台
+
+ 5G自组网技术联盟是5G自组网技术学术交流平台（非社会团体、非实体机构），由5G自组网领域单位组成，遵循公开、公平、公正的原则，开展5G自组网技术体制与标准研究制定，促进成员单位深入交流与紧密合作，为5G自组网技术发展做出贡献
+
+
+
+
*/}
+
+
+ {[...leftList, ...leftList].map((iten, index)=>{
+ return (
+
+
+ 
+ {iten.title}
+
+ )
+ })}
+ {iten.description}
+
+ {[...rightList, ...rightList].map((iten, index)=>{
+ return (
+
+
+
+ {iten.title}
+
+ )
+ })}
+ {iten.description}
+
+ {collaborationFeatures.map((feature, index) => (
+
+
+
+ {feature.title}
+
+ ))}
+ {feature.description}
+
+
+ );
+};
+
+export default OpenSourceCollaboration;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/project.jsx b/src/forge/Main/projecthome/v2/components/project.jsx
new file mode 100644
index 00000000..ee500408
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/project.jsx
@@ -0,0 +1,91 @@
+import React from 'react';
+
+const RepositoryV2 = () => {
+ const tabs = [
+ { id: 'open-source', label: '开源项目', icon: require('../image/icon4.png') },
+ { id: 'application', label: '应用软件', icon: require('../image/icon5.png') },
+ { id: 'model', label: '模型算法', icon: require('../image/icon6.png') },
+ { id: 'dataset', label: '数据集', icon: require('../image/icon7.png') },
+ { id: 'container', label: '容器镜像', icon: require('../image/icon8.png') },
+ { id: 'component', label: '三方组件', icon: require('../image/icon9.png') }
+ ];
+
+ const features = [
+ {
+ id: 'signing',
+ title: '可信签名溯源',
+ description: '统一认证、可信签名、全程溯源'
+ },
+ {
+ id: 'distribution',
+ title: '资源高效可靠分发',
+ description: '高校分发、可靠传输、多节点部署'
+ },
+ {
+ id: 'storage',
+ title: '广域多元数据统一存储',
+ description: '元数据管理、多元数据存储、广域数据同步'
+ },
+ {
+ id: 'access',
+ title: '数据统一可控访问',
+ description: '智能高效检索、数据可控访问、系统运行监控'
+ }
+ ];
+ return (
+ 开源协作
+
+
+
+
+ {features.map((feature, index) => (
+
+
+
+
+
+ {feature.title}
+
+
+ ))}
+
+
+ {feature.description}
+
+
+
+
+
+
+
+
+
+
+
+
+ {active === 1 &&
+
+ }
+ {active === 2 &&
+ ![]({require("../image/img9.png").default})
+ ![]({require("../image/img10.png").default})
+ ![]({require("../image/img8.png").default})
+ ![]({require("../image/img5.png")})
+ ![]({require("../image/img6.png").default})
+ ![]({require("../image/img7.png").default})
+ }
+ .default})
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default RepositoryV2;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/softwareFactory.jsx b/src/forge/Main/projecthome/v2/components/softwareFactory.jsx
new file mode 100644
index 00000000..a6c4fe87
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/softwareFactory.jsx
@@ -0,0 +1,57 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import img11 from '../image/img11.png';
+import img12 from '../image/img12.png';
+import { Button } from 'antd';
+
+function SoftwareFactory() {
+ const [active, setActive] = useState(1);
+
+ useEffect(() => {
+ console.log('av', active);
+
+ const interval = setInterval(() => {
+ setActive(prevActive => {
+ return prevActive === 1 ? 2 : 1;
+ });
+ }, 6000);
+
+ // 清理定时器
+ return () => {
+ clearInterval(interval);
+ };
+ }, []);
+
+ return (
+
+ {/* 标题 */}
+
+ XX开源软件仓库
+
+ {/* 导航标签 */}
+
+ {tabs.map((tab) => (
+
+
+ {/* 主要内容区域 */}
+
+ 
+ {tab.label}
+
+ ))}
+
+ {/* 左侧功能介绍 */}
+
+
+
+
+ {/* 右侧架构图 - 使用图片 */}
+ 数据统一可控访问
+
+
+ {features.map((feature) => (
+
+
+
+
+
+ ))}
+
+ })
+ {feature.title}
+
+
+ {feature.title}
+ {feature.description}
+
+ .default})
+
+
+
+
+ );
+};
+
+export default SoftwareFactory;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx b/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx
new file mode 100644
index 00000000..c29e7997
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx
@@ -0,0 +1,82 @@
+// components/SupplyChainGovernance.jsx
+import React from 'react';
+
+const SupplyChainGovernance = () => {
+ const governanceItems = [
+ {
+ id: 'security',
+ title: '供应链安全XX',
+ subtitle: '汇聚漏洞、恶意代码、组件三类关键信息要素',
+ image: '/images/supply-chain-security.png',
+ width: '40%'
+ },
+ {
+ id: 'software',
+ title: '软件供应链治理',
+ subtitle: '开展软件供应链成分分析和组件安全性分析',
+ image: '/images/software-supply-chain.png',
+ width: '28.5%'
+ },
+ {
+ id: 'risk',
+ title: '实时风险预警',
+ subtitle: '根据新发布漏洞信息，实时评估和通报软件供应链风险',
+ image: '/images/risk-warning.png',
+ width: '28.5%'
+ },
+ {
+ id: 'vulnerability',
+ title: '已知漏洞监测',
+ subtitle: '支持15种主流编程语言的软件漏洞检测',
+ image: '/images/vulnerability-detection.png',
+ width: '28.5%'
+ },
+ {
+ id: 'assessment',
+ title: '软件治理能力评估',
+ subtitle: '数据构建、多维分析、量化打分、结果融合的评估闭环',
+ image: '/images/software-assessment.png',
+ width: '28.5%'
+ },
+ {
+ id: 'hardware',
+ title: '硬件供应链能力评估',
+ subtitle: '构建单芯片或基于SIP封装的多芯片模块的供应链供给能力评估',
+ image: '/images/hardware-assessment.png',
+ width: '40%'
+ }
+ ];
+
+ return (
+ 软件工厂
+
+
+
+
+
+
+
+
+
+
+ 敏捷模式
+ 轻松搭建
+
+ 依托敏捷模式灵活迭代，高效协同推进，让产品搭建更轻松便
+
+
+
+ 极速模式
+ 高效快构
+
+ 极速模式聚焦任务 - 代码 - 制品，助力软件研发快速响应、
实现极致效率
+ 实现极致效率
+ 
+
+ {/* 角标 */}
+ {active === 1 ? "敏捷模式" : "极速模式"}
+
+
+ );
+};
+
+export default SupplyChainGovernance;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/terminalAnimation.jsx b/src/forge/Main/projecthome/v2/components/terminalAnimation.jsx
new file mode 100644
index 00000000..b8813fe4
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/terminalAnimation.jsx
@@ -0,0 +1,200 @@
+import React, { useEffect, useRef } from 'react';
+
+const TerminalAnimation = () => {
+ const canvasRef = useRef(null);
+ const animationRef = useRef(null);
+ const stateRef = useRef({
+ lineI: 0,
+ charI: 0,
+ lastChT: 0,
+ lastLnT: 0,
+ curOn: true,
+ blinkT: 0
+ });
+
+ const lines = [
+ '$ git clone https://gitlink.org.cn/Gitlink/forgeplus.git',
+ '$ cd forgeplus',
+ '$ git remote -v',
+ '$ git pull origin master',
+ '$ git add .',
+ '$ git commit -m "feat: add new feature"',
+ '$ git push origin master',
+ '$ git checkout -b feature/new-ui',
+ '$ git merge develop',
+ '$ git status ',
+ '$ git log --oneline -10',
+ // '$ git fetch upstream'
+ ];
+
+ const keyColor = {
+ 'git clone': '#fff700',
+ 'git commit': '#fff700',
+ 'git log': '#fff700',
+ 'git merge': '#fff700',
+ 'git pull': '#d24a6f',
+ 'git remote': '#d24a6f',
+ 'git push': '#d24a6f',
+ 'git status': '#2977ff',
+ 'git fetch': '#2977ff',
+ 'git add': '#9aff41',
+ 'cd forgeplus': '#9aff41',
+ 'git checkout': '#9aff41'
+ };
+
+ const fontSize = 15;
+ const lineH = 36;
+ const startY = 40;
+ const charGap = 30;
+ const lineGap = 300;
+
+ // 获取设备像素比
+ const getPixelRatio = (context) => {
+ const backingStore = context.backingStorePixelRatio ||
+ context.webkitBackingStorePixelRatio ||
+ context.mozBackingStorePixelRatio ||
+ context.msBackingStorePixelRatio ||
+ context.oBackingStorePixelRatio ||
+ context.backingStorePixelRatio || 1;
+
+ return (window.devicePixelRatio || 1) / backingStore;
+ };
+
+ const drawLine = (ctx, t, y, showCur, lineIndex) => {
+ const prompt = '$ ';
+ const pW = ctx.measureText(prompt).width;
+ ctx.fillStyle = '#ffffff';
+ ctx.fillText(prompt, 30, y);
+
+ if (!t.startsWith(prompt)) return;
+ let seg = t.slice(prompt.length);
+
+ const fullLine = lines[lineIndex] || t;
+ const fullSeg = fullLine.startsWith(prompt) ? fullLine.slice(prompt.length) : fullLine;
+
+ let drawnWidth = 0;
+
+ for (let key in keyColor) {
+ if (fullSeg.startsWith(key)) {
+ const visibleKeyLength = Math.min(key.length, seg.length);
+ if (visibleKeyLength > 0) {
+ const visibleKeyText = seg.slice(0, visibleKeyLength);
+ ctx.fillStyle = keyColor[key];
+ ctx.fillText(visibleKeyText, 30 + pW + drawnWidth, y);
+ drawnWidth += ctx.measureText(visibleKeyText).width;
+ }
+
+ seg = seg.slice(visibleKeyLength);
+ break;
+ }
+ }
+
+ if (seg) {
+ ctx.fillStyle = '#ffffff';
+ ctx.fillText(seg, 30 + pW + drawnWidth, y);
+ }
+
+ if (showCur && stateRef.current.curOn) {
+ const curX = 30 + ctx.measureText(t + ' ').width;
+ ctx.fillRect(curX, y - fontSize + 4, 2, fontSize - 2);
+ }
+ };
+
+ const draw = (ctx) => {
+ // 直接清除画布，保持透明
+ ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+
+ for (let i = 0; i < stateRef.current.lineI; i++) {
+ drawLine(ctx, lines[i], startY + i * lineH, false, i);
+ }
+
+ if (stateRef.current.lineI < lines.length) {
+ drawLine(ctx, lines[stateRef.current.lineI].slice(0, stateRef.current.charI), startY + stateRef.current.lineI * lineH, true, stateRef.current.lineI);
+ }
+ };
+
+ const animate = (timestamp) => {
+ const canvas = canvasRef.current;
+ if (!canvas) return;
+
+ const ctx = canvas.getContext('2d');
+ const ratio = getPixelRatio(ctx);
+
+ ctx.font = `${fontSize * ratio}px 'Courier New', monospace`;
+ // 优化字体渲染
+ ctx.textBaseline = 'middle';
+ ctx.imageSmoothingEnabled = false;
+
+ const state = stateRef.current;
+
+ if (timestamp - state.blinkT > 500) {
+ state.curOn = !state.curOn;
+ state.blinkT = timestamp;
+ }
+
+ if (state.lineI === 0 && state.charI < lines[0].length && timestamp - state.lastChT > charGap) {
+ state.charI++;
+ state.lastChT = timestamp;
+ } else if (state.lineI === 0 && state.charI >= lines[0].length && timestamp - state.lastLnT > lineGap) {
+ state.lineI++;
+ state.lastLnT = timestamp;
+ } else if (state.lineI > 0 && state.lineI < lines.length && timestamp - state.lastLnT > lineGap) {
+ state.lineI++;
+ state.lastLnT = timestamp;
+ }
+
+ draw(ctx);
+ animationRef.current = requestAnimationFrame(animate);
+ };
+
+ useEffect(() => {
+ const canvas = canvasRef.current;
+ if (!canvas) return;
+
+ // 处理高清屏幕显示
+ const ctx = canvas.getContext('2d');
+ const ratio = getPixelRatio(ctx);
+
+ // 保存原始尺寸
+ const originalWidth = canvas.width;
+ const originalHeight = canvas.height;
+
+ // 设置实际渲染尺寸
+ canvas.width = originalWidth * ratio;
+ canvas.height = originalHeight * ratio;
+
+ // 设置显示尺寸
+ canvas.style.width = originalWidth + 'px';
+ canvas.style.height = originalHeight + 'px';
+
+ // 缩放绘图上下文
+ ctx.scale(ratio, ratio);
+
+ ctx.font = `${fontSize * ratio}px 'Courier New', monospace`;
+ ctx.textBaseline = 'middle';
+ ctx.imageSmoothingEnabled = false;
+ ctx.antialiasing = 'none';
+
+ // 启动动画
+ animationRef.current = requestAnimationFrame(animate);
+
+ // 清理函数
+ return () => {
+ if (animationRef.current) {
+ cancelAnimationFrame(animationRef.current);
+ }
+ };
+ }, []);
+
+ return (
+ 供应链治理
+
+
+ {governanceItems.map((item, index) => (
+
+
+ {/* 标签区域 */}
+
+ ))}
+
+ XXX防雷
+ 20万激励金
+ 多合作资源
+
+ {item.title}
+ {item.subtitle}
+ {/* 图片 */}
+
+ {/* 
*/}
+
+
+
+
+ );
+};
+
+export default TerminalAnimation;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/terminalAnimation1.jsx b/src/forge/Main/projecthome/v2/components/terminalAnimation1.jsx
new file mode 100644
index 00000000..08506343
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/terminalAnimation1.jsx
@@ -0,0 +1,267 @@
+import React, { useEffect, useRef, useState } from 'react';
+
+const TerminalAnimation = ({startAnimation=false}) => {
+ const [animationState, setAnimationState] = useState({
+ lineI: 0,
+ charI: 0,
+ curOn: true
+ });
+
+ const animationRef = useRef(null);
+
+ const lines = [
+ 'git clone https://gitlink.org.cn/Gitlink/forgeplus.git',
+ 'cd forgeplus',
+ 'git remote -v',
+ 'git pull origin master',
+ 'git add .',
+ 'git commit -m "feat: add new feature"',
+ 'git push origin master',
+ 'git checkout -b feature/new-ui',
+ 'git merge develop',
+ 'git status ',
+ 'git log --oneline -10',
+ ];
+
+ const keyColor = {
+ 'git clone': '#fff700',
+ 'git commit': '#fff700',
+ 'git log': '#fff700',
+ 'git merge': '#fff700',
+ 'git remote': '#fff700',
+ 'git pull': '#d24a6f',
+ 'git push': '#d24a6f',
+ 'git status': '#2977ff',
+ 'git fetch': '#2977ff',
+ 'git add': '#9aff41',
+ 'cd forgeplus': '#9aff41',
+ 'git checkout': '#9aff41'
+ };
+
+ const fontSize = 15;
+ const lineH = 36;
+ const startY = 40;
+ const charGap = 30;
+ const lineGap = 300;
+ const lineNumberWidth = 40; // 序号列宽度
+
+ // 字符宽度估算函数（更准确）
+ const getCharWidth = (charCount) => charCount * 9.6;
+
+ // 渲染带颜色的文本段
+ const renderColoredText = (text, x, y, availableChars) => {
+ const elements = [];
+ let currentX = x;
+ let charsRendered = 0;
+
+ // 按优先级检查关键字
+ const sortedKeys = Object.keys(keyColor).sort((a, b) => b.length - a.length);
+
+ let remainingText = text;
+
+ while (remainingText.length > 0 && charsRendered < availableChars) {
+ let colored = false;
+
+ // 查找匹配的关键字
+ for (const key of sortedKeys) {
+ if (remainingText.startsWith(key)) {
+ const charsToRender = Math.min(key.length, availableChars - charsRendered);
+ if (charsToRender > 0) {
+ const displayText = key.substring(0, charsToRender);
+ elements.push(
+
+
+
+ );
+};
+
+export default TerminalAnimation;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/components/terminalAnimation2.jsx b/src/forge/Main/projecthome/v2/components/terminalAnimation2.jsx
new file mode 100644
index 00000000..5f5a740c
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/components/terminalAnimation2.jsx
@@ -0,0 +1,253 @@
+import React, { useEffect, useRef, useState } from 'react';
+
+const TerminalAnimation = ({startAnimation=true, lines, width, height, class_name}) => {
+ const [animationState, setAnimationState] = useState({
+ lineI: 0,
+ charI: 0,
+ curOn: true
+ });
+
+ const animationRef = useRef(null);
+
+ const keyColor = {
+ 'git clone': '#fff700',
+ 'git commit': '#fff700',
+ 'git log': '#fff700',
+ 'git merge': '#fff700',
+ 'git remote': '#fff700',
+ 'git pull': '#d24a6f',
+ 'git push': '#d24a6f',
+ 'git status': '#2977ff',
+ 'git fetch': '#2977ff',
+ 'git add': '#9aff41',
+ 'cd forgeplus': '#9aff41',
+ 'git checkout': '#9aff41'
+ };
+
+ const fontSize = 12;
+ const lineH = 20;
+ const startY = 10;
+ const charGap = 30;
+ const lineGap = 300;
+ const lineNumberWidth = 0; // 序号列宽度
+
+ // 字符宽度估算函数（更准确）
+ const getCharWidth = (charCount) => charCount * 9.6;
+
+ // 渲染带颜色的文本段
+ const renderColoredText = (text, x, y, availableChars) => {
+ const elements = [];
+ let currentX = x;
+ let charsRendered = 0;
+
+ // 按优先级检查关键字
+ const sortedKeys = Object.keys(keyColor).sort((a, b) => b.length - a.length);
+
+ let remainingText = text;
+
+ while (remainingText.length > 0 && charsRendered < availableChars) {
+ let colored = false;
+
+ // 查找匹配的关键字
+ for (const key of sortedKeys) {
+ if (remainingText.startsWith(key)) {
+ const charsToRender = Math.min(key.length, availableChars - charsRendered);
+ if (charsToRender > 0) {
+ const displayText = key.substring(0, charsToRender);
+ elements.push(
+
+
+
+ );
+};
+
+export default TerminalAnimation;
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/image/banner-bk.png b/src/forge/Main/projecthome/v2/image/banner-bk.png
new file mode 100644
index 00000000..98c0cd05
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/banner-bk.png differ
diff --git a/src/forge/Main/projecthome/v2/image/banner1.png b/src/forge/Main/projecthome/v2/image/banner1.png
new file mode 100644
index 00000000..bca8ee5a
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/banner1.png differ
diff --git a/src/forge/Main/projecthome/v2/image/bk1.png b/src/forge/Main/projecthome/v2/image/bk1.png
new file mode 100644
index 00000000..b729bcf0
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/bk1.png differ
diff --git a/src/forge/Main/projecthome/v2/image/bk2.png b/src/forge/Main/projecthome/v2/image/bk2.png
new file mode 100644
index 00000000..ba7e3a7a
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/bk2.png differ
diff --git a/src/forge/Main/projecthome/v2/image/bk3.png b/src/forge/Main/projecthome/v2/image/bk3.png
new file mode 100644
index 00000000..34815121
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/bk3.png differ
diff --git a/src/forge/Main/projecthome/v2/image/bk4.png b/src/forge/Main/projecthome/v2/image/bk4.png
new file mode 100644
index 00000000..1b740fc5
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/bk4.png differ
diff --git a/src/forge/Main/projecthome/v2/image/bk5.png b/src/forge/Main/projecthome/v2/image/bk5.png
new file mode 100644
index 00000000..e307bc9d
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/bk5.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon1.png b/src/forge/Main/projecthome/v2/image/icon1.png
new file mode 100644
index 00000000..0b1be700
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon1.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon10.png b/src/forge/Main/projecthome/v2/image/icon10.png
new file mode 100644
index 00000000..a220b874
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon10.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon11.png b/src/forge/Main/projecthome/v2/image/icon11.png
new file mode 100644
index 00000000..0405949b
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon11.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon12.png b/src/forge/Main/projecthome/v2/image/icon12.png
new file mode 100644
index 00000000..9278c85e
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon12.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon13.png b/src/forge/Main/projecthome/v2/image/icon13.png
new file mode 100644
index 00000000..6318c089
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon13.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon14.png b/src/forge/Main/projecthome/v2/image/icon14.png
new file mode 100644
index 00000000..c92d02bd
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon14.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon15.png b/src/forge/Main/projecthome/v2/image/icon15.png
new file mode 100644
index 00000000..4213c8df
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon15.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon16.png b/src/forge/Main/projecthome/v2/image/icon16.png
new file mode 100644
index 00000000..8eb10af4
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon16.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon17.png b/src/forge/Main/projecthome/v2/image/icon17.png
new file mode 100644
index 00000000..2fe20a46
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon17.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon18.png b/src/forge/Main/projecthome/v2/image/icon18.png
new file mode 100644
index 00000000..42ccc1c1
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon18.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon19.png b/src/forge/Main/projecthome/v2/image/icon19.png
new file mode 100644
index 00000000..42f4addc
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon19.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon2.png b/src/forge/Main/projecthome/v2/image/icon2.png
new file mode 100644
index 00000000..350f4e99
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon2.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon20.png b/src/forge/Main/projecthome/v2/image/icon20.png
new file mode 100644
index 00000000..57147379
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon20.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon21.png b/src/forge/Main/projecthome/v2/image/icon21.png
new file mode 100644
index 00000000..c49f66fd
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon21.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon22.png b/src/forge/Main/projecthome/v2/image/icon22.png
new file mode 100644
index 00000000..94bfecfc
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon22.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon23.png b/src/forge/Main/projecthome/v2/image/icon23.png
new file mode 100644
index 00000000..ba4015a3
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon23.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon24.png b/src/forge/Main/projecthome/v2/image/icon24.png
new file mode 100644
index 00000000..9589195a
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon24.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon25.svg b/src/forge/Main/projecthome/v2/image/icon25.svg
new file mode 100644
index 00000000..6ebaa329
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/image/icon25.svg
@@ -0,0 +1,14 @@
+
diff --git a/src/forge/Main/projecthome/v2/image/icon26.svg b/src/forge/Main/projecthome/v2/image/icon26.svg
new file mode 100644
index 00000000..52a26d6e
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/image/icon26.svg
@@ -0,0 +1,14 @@
+
diff --git a/src/forge/Main/projecthome/v2/image/icon3.png b/src/forge/Main/projecthome/v2/image/icon3.png
new file mode 100644
index 00000000..cdd53c0e
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon3.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon4.png b/src/forge/Main/projecthome/v2/image/icon4.png
new file mode 100644
index 00000000..2165bab2
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon4.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon5.png b/src/forge/Main/projecthome/v2/image/icon5.png
new file mode 100644
index 00000000..3e94f0bf
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon5.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon6.png b/src/forge/Main/projecthome/v2/image/icon6.png
new file mode 100644
index 00000000..04eab1db
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon6.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon7.png b/src/forge/Main/projecthome/v2/image/icon7.png
new file mode 100644
index 00000000..3c5cdbbc
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon7.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon8.png b/src/forge/Main/projecthome/v2/image/icon8.png
new file mode 100644
index 00000000..500838f2
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon8.png differ
diff --git a/src/forge/Main/projecthome/v2/image/icon9.png b/src/forge/Main/projecthome/v2/image/icon9.png
new file mode 100644
index 00000000..964e38ff
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/icon9.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img1.png b/src/forge/Main/projecthome/v2/image/img1.png
new file mode 100644
index 00000000..2020a223
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img1.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img10.png b/src/forge/Main/projecthome/v2/image/img10.png
new file mode 100644
index 00000000..b2d69981
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img10.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img11.png b/src/forge/Main/projecthome/v2/image/img11.png
new file mode 100644
index 00000000..e0f66c5d
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img11.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img12.png b/src/forge/Main/projecthome/v2/image/img12.png
new file mode 100644
index 00000000..3741cf38
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img12.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img2.png b/src/forge/Main/projecthome/v2/image/img2.png
new file mode 100644
index 00000000..94b5aef5
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img2.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img3.png b/src/forge/Main/projecthome/v2/image/img3.png
new file mode 100644
index 00000000..0c11a6f8
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img3.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img3.svg b/src/forge/Main/projecthome/v2/image/img3.svg
new file mode 100644
index 00000000..13726634
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/image/img3.svg
@@ -0,0 +1,250 @@
+
diff --git a/src/forge/Main/projecthome/v2/image/img4.png b/src/forge/Main/projecthome/v2/image/img4.png
new file mode 100644
index 00000000..2a614da2
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img4.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img5.png b/src/forge/Main/projecthome/v2/image/img5.png
new file mode 100644
index 00000000..98a550b4
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img5.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img6.png b/src/forge/Main/projecthome/v2/image/img6.png
new file mode 100644
index 00000000..2dec4a13
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img6.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img7.png b/src/forge/Main/projecthome/v2/image/img7.png
new file mode 100644
index 00000000..8d0c4182
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img7.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img8.png b/src/forge/Main/projecthome/v2/image/img8.png
new file mode 100644
index 00000000..66f3ae50
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img8.png differ
diff --git a/src/forge/Main/projecthome/v2/image/img9.png b/src/forge/Main/projecthome/v2/image/img9.png
new file mode 100644
index 00000000..ca4bc197
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/img9.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo1.png b/src/forge/Main/projecthome/v2/image/logo1.png
new file mode 100644
index 00000000..ee7e7379
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo1.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo10.png b/src/forge/Main/projecthome/v2/image/logo10.png
new file mode 100644
index 00000000..35446271
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo10.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo11.png b/src/forge/Main/projecthome/v2/image/logo11.png
new file mode 100644
index 00000000..889ee8f5
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo11.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo12.png b/src/forge/Main/projecthome/v2/image/logo12.png
new file mode 100644
index 00000000..eb48505f
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo12.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo13.png b/src/forge/Main/projecthome/v2/image/logo13.png
new file mode 100644
index 00000000..7e106d93
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo13.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo14.png b/src/forge/Main/projecthome/v2/image/logo14.png
new file mode 100644
index 00000000..3f88b694
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo14.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo15.png b/src/forge/Main/projecthome/v2/image/logo15.png
new file mode 100644
index 00000000..9295745c
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo15.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo16.png b/src/forge/Main/projecthome/v2/image/logo16.png
new file mode 100644
index 00000000..a9ebc2eb
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo16.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo17.png b/src/forge/Main/projecthome/v2/image/logo17.png
new file mode 100644
index 00000000..e8fc22e8
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo17.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo18.png b/src/forge/Main/projecthome/v2/image/logo18.png
new file mode 100644
index 00000000..9ceb98c2
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo18.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo19.png b/src/forge/Main/projecthome/v2/image/logo19.png
new file mode 100644
index 00000000..6d9cff59
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo19.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo2.png b/src/forge/Main/projecthome/v2/image/logo2.png
new file mode 100644
index 00000000..9894fa64
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo2.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo20.png b/src/forge/Main/projecthome/v2/image/logo20.png
new file mode 100644
index 00000000..1009dcc9
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo20.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo21.png b/src/forge/Main/projecthome/v2/image/logo21.png
new file mode 100644
index 00000000..101c478f
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo21.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo22.png b/src/forge/Main/projecthome/v2/image/logo22.png
new file mode 100644
index 00000000..305640ae
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo22.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo23.png b/src/forge/Main/projecthome/v2/image/logo23.png
new file mode 100644
index 00000000..f51c0dfb
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo23.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo24.png b/src/forge/Main/projecthome/v2/image/logo24.png
new file mode 100644
index 00000000..cdf588f5
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo24.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo25.png b/src/forge/Main/projecthome/v2/image/logo25.png
new file mode 100644
index 00000000..a2c52585
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo25.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo3.png b/src/forge/Main/projecthome/v2/image/logo3.png
new file mode 100644
index 00000000..fd30447a
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo3.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo4.png b/src/forge/Main/projecthome/v2/image/logo4.png
new file mode 100644
index 00000000..ebd4a729
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo4.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo5.png b/src/forge/Main/projecthome/v2/image/logo5.png
new file mode 100644
index 00000000..a2d77661
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo5.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo6.png b/src/forge/Main/projecthome/v2/image/logo6.png
new file mode 100644
index 00000000..da36b1ca
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo6.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo7.png b/src/forge/Main/projecthome/v2/image/logo7.png
new file mode 100644
index 00000000..ceaab84c
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo7.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo8.png b/src/forge/Main/projecthome/v2/image/logo8.png
new file mode 100644
index 00000000..43dd51aa
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo8.png differ
diff --git a/src/forge/Main/projecthome/v2/image/logo9.png b/src/forge/Main/projecthome/v2/image/logo9.png
new file mode 100644
index 00000000..62bea016
Binary files /dev/null and b/src/forge/Main/projecthome/v2/image/logo9.png differ
diff --git a/src/forge/Main/projecthome/v2/index.jsx b/src/forge/Main/projecthome/v2/index.jsx
new file mode 100644
index 00000000..4917cffa
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/index.jsx
@@ -0,0 +1,32 @@
+import React , { useEffect , useState } from 'react';
+import { TPMIndexHOC } from "../../../../modules/tpm/TPMIndexHOC";
+import './index.scss';
+import Banner from './components/banner';
+import CommunityDynamic from './components/communityDynamic';
+import Project from './components/project';
+import SupplyChainGovernance from './components/supplyChainGovernance';
+import OpenSourceCollaboration from './components/openSourceCollaboration1';
+import SoftwareFactory from './components/softwareFactory';
+import Forum from './components/forum';
+import EcosystemAlliance from './components/ecosystemAlliance';
+
+function Index(props) {
+
+ useEffect(()=>{
+ document.title = props.mygetHelmetapi && props.mygetHelmetapi.name ? props.mygetHelmetapi.name : '生态创新治理中心';
+ },[])
+
+ return(
+
+
+ )
+}
+export default TPMIndexHOC(Index)
\ No newline at end of file
diff --git a/src/forge/Main/projecthome/v2/index.scss b/src/forge/Main/projecthome/v2/index.scss
new file mode 100644
index 00000000..1bbaf92a
--- /dev/null
+++ b/src/forge/Main/projecthome/v2/index.scss
@@ -0,0 +1,1147 @@
+.home_v2_tag {
+ background-color: #ffffff;
+ border-radius: 4px;
+ padding: 6px 10px;
+}
+
+.home_v2 {
+ background-color: #f1f6fd;
+ color: #091221;
+ font-family: "alibabaReg";
+
+ a:not(.blackBut):hover, a:not(.blackBut):focus{
+ color: #2149d4;
+ }
+
+ .title_v2 {
+ font-family: 'DouyinSansBold';
+ font-size: 40px;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 50px;
+ }
+
+ .blackBut {
+ display: inline-block;
+ color: #ffffff;
+ font-size: 16px;
+ background-color: #091221;
+ border-radius: 18px;
+ padding: 0 15px;
+ border: none;
+ height: 36px;
+ line-height: 36px;
+ overflow: hidden;
+ -webkit-backdrop-filter: blur(24px);
+ backdrop-filter: blur(24px);
+ transition: background-color .4s ease-in-out;
+ position: relative;
+ &::before{
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -100%;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(120deg, rgba(255,255,255,0)0%, rgba(255,255,255,0.5)50%,rgba(255,255,255,0)100%);
+ transition: left 0.5s ease-in-out;
+ transition-delay: 0.5s;
+ }
+
+ &.white {
+ background-color: #ffffff;
+ color: #091221;
+ }
+ span{
+ display: block;
+ transition: transform 0.5s;
+ }
+ &:hover{
+ span{
+ transform: translateY(-36px);
+ }
+ &::before{
+ left: 100%;
+ }
+ }
+ }
+
+ .but-to-right {
+ .icon-to-right {
+ transition: transform 0.5s;
+ }
+
+ &:hover .icon-to-right {
+ transform: translateX(8px);
+ }
+ }
+
+ // 从下边滑入可见区
+ .animate-up-box {
+ // 初始状态：在下方不可见
+ transform: translateY(200px);
+ opacity: 0;
+ transition: opacity 1s, transform 1s;
+
+ // 动效状态：从下方滑入
+ &.animate-up {
+ transform: translateY(0);
+ opacity: 1;
+ }
+ }
+
+ // 标题悬停：下划线从左到右滑出
+ .title-border-to-right{
+ display: inline-block;
+ max-width: 100%;
+ position: relative;
+ &::after{
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ content: '';
+ width: 0;
+ height: 1px;
+ background-color: #2149d4;
+ transition: all 0.5s ease;
+ }
+ &:hover{
+ padding-right: 25px;
+ &+.hot-tag{
+ display: none;
+ }
+ }
+ &:hover::after{
+ width: 100%;
+ }
+ &:hover::before{
+ content: "\e9c4";
+ font-family: 'iconfont';
+ font-weight: normal;
+ position: absolute;
+ right: 0;
+ }
+ }
+
+}
+
+.banner_v2 {
+ background-image: url('./image/banner1.png');
+ background-size: 100% 100%;
+ padding-top: 160px;
+ margin-top: -58px;
+ height: 100vh;
+ position: relative;
+
+ .main-title-v2 {
+ font-family: "ziyouwenyihei";
+ font-size: 60px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .highlight-wrapper {
+ height: 80px;
+ overflow: hidden;
+ position: relative;
+ padding-right: 10px;
+
+ &::before {
+ content: "";
+ position: absolute;
+ width: 1px;
+ height: 55px;
+ background-color: #65adff;
+ top: 15px;
+ right: 0px;
+ animation: borderFlash 5s infinite;
+ }
+ }
+
+ .text-carousel {
+ animation: slideUp 5s infinite;
+ animation-timing-function: linear;
+ display: flex;
+ flex-direction: column;
+
+ }
+
+ .carousel-text {
+ height: 80px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-image: linear-gradient(76.09deg, #e3ffca 0%, #43bfff 55.5%, #65adff 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ }
+
+ .stats-container {
+ background-image: linear-gradient(89.14deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 49.01%, rgba(255, 255, 255, 0) 100%);
+ align-items: center;
+ justify-content: space-between;
+ width: 1500px;
+ margin: 70px auto 0;
+ border-top: 1px solid;
+ border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%) 1;
+ position: absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -750px;
+ overflow: hidden; // 防止光效溢出
+
+ // 添加流动光效
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: -100%;
+ width: 100px;
+ height: 1px;
+ background: linear-gradient(90deg,
+ transparent,
+ rgba(255, 255, 255, 0.8),
+ rgba(255, 255, 255, 0.4),
+ transparent);
+ box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
+ animation: flowLight 3s linear infinite;
+ }
+
+ .stat-number {
+ font-size: 44px;
+ font-family: "ziyouwenyihei";
+ }
+ }
+ .center-image-container{
+ position: relative;
+ .center-left-bk{
+ background-image:linear-gradient(91.39deg,rgba(255, 255, 255, 0.04) 0%,rgba(255, 255, 255, 0.05) 30%,rgba(255, 255, 255, 0.15) 100%);
+ border-radius:15px;
+ padding: 10px;
+ position: absolute;
+ top: 15%;
+ left: 8%;
+ }
+ .center-left-code{
+ border-radius: 10px;
+ position: relative;
+ padding: 20px;
+ &::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: inherit;
+ padding: 2px;
+ background: linear-gradient(90deg, #434C9F 0%, rgba(255, 255, 255, 0) 100%);
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: xor;
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ mask-composite: exclude;
+ }
+ }
+ .center-right-bk{
+ background-image:linear-gradient(178.97deg,rgba(91, 99, 187, 0.23) 0%,rgba(78, 87, 171, 0.14) 13.39%,rgba(255, 255, 255, 0) 100%);
+ border-radius:0px 15px 15px 15px;
+ padding: 10px;
+ position: absolute;
+ bottom: 8%;
+ right: 9.5%;
+ }
+ }
+ .center-1-bk-wrapper{
+ display: inline-block;
+ &:before {
+ animation-delay: 1s;
+ animation: rotate 8s linear infinite;
+ background: conic-gradient(
+ from 180deg at 50% 50%,
+ #e3ffca 0deg,
+ #43bfff 45deg,
+ transparent 90deg,
+ transparent 180deg,
+ #e3ffca 180deg,
+ #43bfff 225deg,
+ transparent 270deg
+ );
+ z-index: 0;
+ }
+ }
+ .center-1-bk{
+
+ width:866px;
+ height:512px;
+ border-radius:15px;
+ background-image: url('./image/banner-bk.png');
+ background-size: 100% 100%;
+ .center-1-circle{
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+ background-color:#ffffff;
+ &.active{
+ background-color:#e5caff;
+ }
+ }
+ }
+}
+
+.community-dynamic {
+ background-color: #f1f6fd;
+
+ .news_v2 {
+ background-image: url('./image/img1.png');
+ background-size: 100% 100%;
+ }
+
+ .highlight-news {
+ width: 64%;
+ }
+
+ .news-list-v2 {
+ justify-content: space-between;
+ box-shadow: 0px 3px 6px rgba(22, 100, 255, 0.02);
+ padding: 15px 30px;
+
+ .news-item-v2 {
+ flex: 1;
+ max-width: 18%;
+ }
+ }
+
+ .activity-section,
+ .project-section,
+ .news-list-v2 {
+ background-color: #ffffff;
+ border-radius: 10px;
+ }
+
+ .activity-section {
+ width: 60%;
+ }
+
+ .activity-item-v2 {
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px 0 6px;
+
+ &:not(:last-child) {
+ border-bottom: 1px dashed #8284a457;
+ }
+ }
+
+ .hot-tag {
+ background-color: #df2659;
+ border-radius: 5px;
+ font-size: 0.8rem;
+ padding: 4px 5px;
+ position: relative;
+ top: -2px;
+ }
+}
+
+.repository-v2 {
+ background-color: #ffffff;
+ border-radius: 40px;
+ padding: 70px 0px 80px;
+ position: relative;
+ top: -50px;
+
+ .nav-tabs-v2 {
+ display: flex;
+ justify-content: center;
+ gap: 60px;
+ margin-bottom: 50px;
+
+ .tab-item-v2 {
+ padding: 9px 35px;
+ background-color: #f6f7fa;
+ border-radius: 27px;
+ // transition: all 0.3s ease;
+ // &.active {
+ // background-color: #091221;
+ // color: white;
+ // }
+ // &:hover:not(.active) {
+ // background-color: #e0e3ea;
+ // }
+ }
+ }
+
+ .content-wrapper-v2 {
+ background-image: linear-gradient(136.55deg, #fcfeff 0%, #f0f7ff 100%);
+ border: 1px solid #ededee;
+ border-radius: 15px;
+
+ .left-content-v2 {
+ padding: 50px 38px;
+
+ .features-v2 {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ margin-bottom: 50px;
+ }
+ }
+
+ .right-content-v2 {
+ width: 55%;
+
+ .architecture-image-v2 {
+ width: 100%;
+ }
+ }
+ }
+}
+
+.supply-chain-governance {
+ padding: 60px 20px 30px;
+
+ .governance-grid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 20px;
+ margin-bottom: 40px;
+ }
+
+ .governance-item {
+ background-image: linear-gradient(156.13deg, #ffffff 0%, #ffffff 52.22%, #eef1fc 100%);
+ border-radius: 15px;
+ padding: 40px 35px;
+
+ &.governance-item5 {
+ background-image: linear-gradient(156.13deg, #4f73f6 0%, #7babff 100%);
+
+ div {
+ color: white;
+ }
+ }
+
+ .tags {
+ display: flex;
+ gap: 10px;
+
+ .tag-icon {
+ font-size: 12px;
+ color: #091221;
+ }
+
+ .tag-text {
+ font-size: 12px;
+ color: #666;
+ background-color: #f0f5ff;
+ padding: 2px 8px;
+ border-radius: 4px;
+ }
+
+ .tag-value {
+ font-size: 12px;
+ background-color: #f6f7fa;
+ padding: 2px 8px;
+ border-radius: 4px;
+ color: #091221;
+ }
+ }
+
+ .image-container {
+ background-color: rgba(228, 229, 231, 0.54);
+ width: 80%;
+ height: 262px;
+ margin: 20px auto 0;
+ }
+ }
+}
+
+.open-source-collaboration {
+ background-image: url("./image/bk1.png");
+ background-size: 100% 100%;
+ padding-bottom: 110px;
+
+ .content-wrapper-v2 {
+ background-color: #ffffff;
+ border-radius: 10px;
+ padding: 70px 50px;
+ }
+
+ .right-content-collaboration-1 {
+ width: 55%;
+ margin-left: 130px;
+ gap: 18px;
+
+ .content-collaboration-left,
+ .content-collaboration-right {
+ width: 50%;
+ }
+
+ .feature-card-left,
+ .feature-card-right {
+ min-height: 170px;
+ border-radius: 15px;
+ background-color: #FDFDFE;
+ border: 1px solid #EFEFF1;
+ padding: 30px;
+ margin-bottom: 18px;
+ }
+ }
+
+ .right-content-collaboration {
+ width: 55%;
+ margin-left: 130px;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ }
+
+ .badge {
+ font-size: 12px;
+ color: #417aff;
+ background-color: #f6f7fa;
+ border-radius: 12px;
+ padding: 6px 8px;
+ }
+
+ .feature-card {
+ background-color: #f6f7fa;
+ border: 1px solid #ededee;
+ border-radius: 15px;
+ padding: 30px;
+ position: relative;
+ top: 20px;
+
+ &.odd {
+ top: -20px;
+ }
+ }
+}
+
+.software-factory {
+ background-image: linear-gradient(179.88deg, #ffffff 0%, rgba(255, 255, 255, 0.62) 16.1%, rgba(255, 255, 255, 0) 100%);
+ border-radius: 40px 40px 0 0;
+ position: relative;
+ top: -30px;
+ padding: 80px 0 90px;
+
+ .software-factory-1,
+ .software-factory-2 {
+ border-radius: 20px;
+ position: relative;
+
+ .mode-tag {
+ position: absolute;
+ top: 0;
+ right: 0;
+ background-image: url('./image/icon26.svg');
+ background-size: contain;
+ padding: 8px 39px;
+ border-radius: 0 15px 0 0;
+ }
+
+ img {
+ max-width: 100%;
+ }
+ }
+
+ .software-factory-1 {
+ background-color: #eaf7ff;
+
+ .software-left-item.active span {
+ color: #2149d4;
+ }
+ }
+
+ .software-factory-2 {
+ background-color: #e2f6f3;
+
+ .software-left-item.active span {
+ color: #258832;
+ }
+ .mode-tag{
+ background-image: url('./image/icon25.svg');
+ }
+ }
+
+ .software-left {
+ width: 30%;
+ margin: 50px 40px;
+
+ .software-left-border{
+ padding-left: 12px;
+ position: relative;
+ max-height: max-content;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 12px;
+ left: 0;
+ width: 1.5px;
+ height: 91%;
+ background-color: rgba(9, 18, 33, 0.1);
+ }
+ }
+ }
+
+ .software-left-item {
+ cursor: pointer;
+ max-height: max-content;
+
+ &.active {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 12px;
+ left: -12px;
+ width: 1.5px;
+ height: 83%;
+ background-color: rgba(9, 18, 33, 1);
+ }
+ }
+
+ .icon-a-zu15512 {
+ position: relative;
+ top: -18px;
+ }
+ }
+}
+
+/* ForumExchange.scss */
+.forum-exchange {
+ padding: 60px 20px 80px;
+ background-image: url('./image/bk2.png');
+ background-size: 100% 100%;
+
+ .forums-container {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-bottom: 10px;
+
+ .forums_divider {
+ height: 88px;
+ border-color: rgba(255, 255, 255, 0.56);
+ }
+ }
+
+ .features-container {
+ background-color: #ffffff;
+ border-radius: 15px;
+ padding: 46px 60px;
+ display: flex;
+ justify-content: space-between;
+
+ .forums_divider {
+ border-color: rgba(146, 164, 201, 0.56);
+ height: 55px;
+ }
+ }
+
+ .feature-item {
+ align-items: center;
+ }
+}
+
+.ecosystem-alliance {
+ background-image: url('./image/bk3.png');
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ padding: 90px 20px 60px 20px;
+
+ .tabs_v2 {
+ display: inline-block;
+ background-color: #ffffff;
+ border-radius: 23px;
+ padding: 6px 8px;
+
+ .tab-button {
+ padding: 8px 15px;
+ font-size: 16px;
+ border-radius: 18px;
+ transition: all 0.3s ease;
+
+ &:hover:not(.active) {
+ background-color: #f8f9fa;
+ }
+
+ &.active {
+ background-color: #091221;
+ color: white;
+ }
+ }
+ }
+
+ .partners-container {
+ position: relative;
+
+ &::before,
+ &::after {
+ content: "";
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ right: 0;
+ width: 140px;
+ height: 100%;
+ background-image: linear-gradient(90.36deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.33) 70%, #ffffff 100%);
+ }
+
+ &::after {
+ left: 0;
+ transform: rotate(180deg)
+ }
+
+ .partners-slider {
+ overflow-x: hidden;
+ position: relative;
+ z-index: 1;
+
+ .slider-content {
+ display: flex;
+ gap: 25px;
+ width: max-content;
+ }
+
+ .partner-item {
+ flex: 1;
+ width: 330px;
+ background-color: white;
+ padding: 15px 30px;
+ border-radius: 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+
+ .partner-logo {
+ padding-bottom: 15px;
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.4);
+
+ img {
+ max-width: 80%;
+ max-height: 60px;
+ object-fit: contain;
+ }
+ }
+ }
+
+ &.slider-row-1 .slider-content {
+ animation: scroll-left 30s linear infinite;
+ }
+
+ &.slider-row-2 .slider-content {
+ animation: scroll-right 30s linear infinite;
+ }
+ }
+ }
+ .partner1-list{
+ gap: 20px;
+ display: grid;
+ grid-template-columns: repeat(5, 1fr);
+
+ .partner1-item {
+ height: 101px;
+ background-color: #ffffff;
+ border-radius: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ img{
+ max-width: 80%;
+ }
+ }
+ }
+}
+
+.open-source-collaboration-container {
+ background-image: url('./image/bk5.png');
+ background-size: 100% 100%;
+ padding: 0 0 140px;
+ position: relative;
+
+ .content-wrapper-bottom {
+ position: absolute;
+ background: rgba(100, 157, 255, 0.3);
+ border-radius: 0 0 15px 15px;
+ height: 40px;
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: 150px;
+ }
+
+ .content-wrapper {
+ border: 1px solid #ededee;
+ border-radius: 15px;
+ position: relative;
+ background: url('./image/bk4.png') 0 0 / 100% 100% repeat, linear-gradient(180deg, #3f4df4 0%, #649dff 100%);
+ justify-content: space-between;
+
+ .left-panel-features-list {
+ margin: 65px 0 70px 100px;
+ }
+
+ .feature-item:not(:last-of-type) {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ width: 1px;
+ height: 95%;
+ border-right: 1px dashed white;
+ left: 7px;
+ top: 29px;
+ }
+ }
+ }
+
+ .right-panel {
+ position: relative;
+ width: 47%;
+ margin: 25px 80px;
+
+ .right-panel-1,
+ .right-panel-2,
+ .right-panel-3 {
+ width: 100%;
+ height: 92%;
+ border-radius: 10px;
+ position: absolute;
+ }
+
+ .right-panel-1 {
+ background: rgba(255, 255, 255, 0.1);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ z-index: 1;
+ }
+
+ .right-panel-2 {
+ background: rgba(255, 255, 255, 0.2);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ top: 20px;
+ left: 20px;
+ z-index: 2;
+ }
+
+ .right-panel-3 {
+ background: rgba(255, 255, 255, 0.3);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ top: 40px;
+ left: 40px;
+ z-index: 3;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: inherit;
+ padding: 1px;
+ background: linear-gradient(148.38deg, #ffffff 0%, rgba(255, 255, 255, 0) 26.5%, #ffffff 66.67%, rgba(255, 255, 255, 0) 84.24%, #ffffff 100%);
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: xor;
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ mask-composite: exclude;
+ z-index: -1;
+ }
+
+ .right-panel-3-img1 {
+ position: absolute;
+ width: 59%;
+ right: 0;
+ bottom: 0;
+ z-index: 4;
+ }
+ }
+
+ .right-img-center {
+ position: absolute;
+ z-index: 10;
+ width: 80%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ opacity: 0;
+ animation: fadeInOut 3s 1 forwards;
+ }
+
+ .right-img-left {
+ width: 44.5%;
+ position: absolute;
+ z-index: 11;
+ bottom: 75px;
+ left: -100px;
+ opacity: 0;
+ animation: slideInLeft 1s 1 forwards;
+ animation-delay: 1s;
+ }
+
+ .right-img-right {
+ width: 41.6%;
+ position: absolute;
+ z-index: 11;
+ top: 20px;
+ right: -100px;
+ opacity: 0;
+ animation: slideInRight 1s 1 forwards;
+ animation-delay: 1s;
+ }
+
+ .right-img-1 {
+ position: absolute;
+ z-index: 12;
+ width: 40px;
+ top: 42%;
+ left: 53%;
+ opacity: 0;
+ animation: fadeInOut1 4s 1 forwards;
+ animation-delay: 2.5s;
+ }
+
+ .right-img-2 {
+ width: 75px;
+ position: absolute;
+ z-index: 12;
+ // right: 6.5%;
+ // bottom: 18%;
+ opacity: 0;
+ animation: slideInBottomRight 1s 1 forwards;
+ animation-delay: 2s;
+ }
+
+ .right-img-3 {
+ width: 78px;
+ position: absolute;
+ z-index: 12;
+ // top: 5.5%;
+ // left: 10%;
+ opacity: 0;
+ animation: slideInTopLeft 1s 1 forwards;
+ animation-delay: 2s;
+ }
+ }
+}
+
+@keyframes fadeInOut {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeInOut1 {
+ 0% {
+ opacity: 0;
+ }
+
+ 30% {
+ opacity: 1;
+ }
+
+ 60% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes slideInLeft {
+ 0% {
+ left: -100px;
+ opacity: 0;
+ }
+
+ 100% {
+ left: 14px;
+ opacity: 1;
+ }
+}
+
+@keyframes slideInRight {
+ 0% {
+ right: -100px;
+ opacity: 0;
+ }
+
+ 100% {
+ right: 20px;
+ opacity: 1;
+ }
+}
+
+@keyframes slideInBottomRight {
+ 0% {
+ right: -50px;
+ bottom: -50px;
+ opacity: 0;
+ }
+
+ 100% {
+ right: 6.5%;
+ bottom: 18%;
+ opacity: 1;
+ }
+}
+
+@keyframes slideInTopLeft {
+ 0% {
+ top: -50px;
+ left: -50px;
+ opacity: 0;
+ }
+
+ 100% {
+ top: 5.5%;
+ left: 10%;
+ opacity: 1;
+ }
+}
+
+// 向左滚动动画
+@keyframes scroll-left {
+ 0% {
+ transform: translateX(0);
+ }
+
+ 100% {
+ transform: translateX(-50%);
+ }
+}
+
+// 向右滚动动画
+@keyframes scroll-right {
+ 0% {
+ transform: translateX(-50%);
+ }
+
+ 100% {
+ transform: translateX(0);
+ }
+}
+
+// banner 文字切换
+@keyframes slideUp {
+
+ /* 第一个文本显示 (增加显示时间) */
+ 0%,
+ 25% {
+ transform: translateY(0);
+ }
+
+ /* 准备动作：下移10像素 (减少时间) */
+ 26%,
+ 28% {
+ transform: translateY(10px);
+ }
+
+ /* 上移开始 */
+ 29% {
+ transform: translateY(10px);
+ }
+
+ /* 上移直到显示第二个文本并过冲10像素 (减少滚动时间) */
+ 38% {
+ transform: translateY(-92px);
+ /* -80px(目标) + -12px(过冲) */
+ }
+
+ /* 回弹10像素到正确位置 (减少时间，与下移平分) */
+ 39%,
+ 41% {
+ transform: translateY(-80px);
+ }
+
+ /* 第二个文本显示 (增加显示时间) */
+ 41%,
+ 66% {
+ transform: translateY(-80px);
+ }
+
+ /* 准备动作：下移10像素 (减少时间) */
+ 67%,
+ 69% {
+ transform: translateY(-70px);
+ /* -80px + 10px */
+ }
+
+ /* 上移开始 */
+ 70% {
+ transform: translateY(-70px);
+ }
+
+ /* 上移直到显示第三个文本并过冲10像素 (减少滚动时间) */
+ 79% {
+ transform: translateY(-172px);
+ /* -160px(目标) + -12px(过冲) */
+ }
+
+ /* 回弹10像素到正确位置 (减少时间，与下移平分) */
+ 80%,
+ 82% {
+ transform: translateY(-160px);
+ }
+
+ /* 第三个文本显示 (增加显示时间) */
+ 82%,
+ 100% {
+ transform: translateY(-160px);
+ }
+}
+
+@keyframes borderFlash {
+
+ 0%,
+ 25% {
+ background-color: #65adff;
+ }
+
+ 26%,
+ 28% {
+ background-color: #2589fb;
+ /* 与文字渐变色相匹配 */
+ }
+
+ 29%,
+ 41% {
+ background-color: #65adff;
+ }
+
+ 42%,
+ 66% {
+ background-color: #65adff;
+ }
+
+ 67%,
+ 69% {
+ background-color: #2589fb;
+ }
+
+ 70%,
+ 100% {
+ background-color: #65adff;
+ }
+}
+
+@keyframes flowLight {
+ 0% {
+ left: -100px;
+ }
+
+ 100% {
+ left: 100%;
+ }
+}
\ No newline at end of file
diff --git a/src/forge/projectHome/explore/index.jsx b/src/forge/projectHome/explore/index.jsx
new file mode 100644
index 00000000..bc936285
--- /dev/null
+++ b/src/forge/projectHome/explore/index.jsx
@@ -0,0 +1,296 @@
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { Button, Divider, Input, Pagination, Popover, Spin, Tooltip } from "antd";
+import { Link } from "react-router-dom";
+import Nodata from "../../Nodata";
+import { getImageUrl } from "../../../common/UrlTool";
+import { TPMIndexHOC } from "../../../modules/tpm/TPMIndexHOC";
+import RenderHtml from "../../../components/render-html";
+import FeedBack from "../../../forge/Component/feedBack";
+import './index.scss';
+import ActionItem from "../../../factory/resource/components/ActionItem";
+const { Search } = Input;
+function ProjectHomePage(props) {
+ const [cateList, setCateList] = useState(undefined);
+ const [projectsList, setProjectsList] = useState(undefined);
+ const [search, setSearch] = useState(undefined);
+ const [cateID, setCateID] = useState(undefined);
+ const [isSpin, setIsSpin] = useState(true);
+ const [monthList, setMonthList] = useState(undefined);
+ const [total, setTotal] = useState(0);
+ const [page, setPage] = useState(1);
+ const [cateTopics, setCateTopics] = useState(undefined);
+ const [topicId, setTopicId] = useState(undefined);
+ const [topicDetail, setTopicDetail] = useState(undefined);
+ const [count, setCount] = useState({});
+ const { countByGHM, countByOther, countByGHMType, countByMX, countByRQ } = count;
+ // const topicsByCateId = cateTopics && cateTopics[cateID];
+ const topicsByCateId = cateTopics && cateTopics[cateID] || [
+ {
+ "id": "1,2",
+ "name": "Maven",
+ "icon": "icon-maven",
+ "intro": "配置使用本站maven仓库，首先请定位 **settings.xml** 文件，通常位于本地 Maven 安装目录的 **conf/settings.xml** 或用户目录下的 **m2/settings.xml**。\n\n然后，在`settings.xml`文件中`
+ {/* banner区域内容 */}
+
+}
+
+export default ProjectHomePage
\ No newline at end of file
diff --git a/src/forge/projectHome/explore/index.scss b/src/forge/projectHome/explore/index.scss
new file mode 100644
index 00000000..47273f80
--- /dev/null
+++ b/src/forge/projectHome/explore/index.scss
@@ -0,0 +1,226 @@
+.homepage-box {
+ font-family: "alibabaReg";
+ color: #091221;
+ background-image: url('../image/banner.png');
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ background-color: #f1f6fd;
+ padding-bottom: 200px;
+
+ .p_h_title {
+ font-family: "DouyinSansBold";
+ letter-spacing: 4px;
+ line-height: normal;
+ }
+
+ .p_h_title_text {
+ background-image: linear-gradient(313.07deg, #eda62a 0%, #352eff 46.85%, #091221 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+
+ .project_count {
+ padding: 0 80px;
+ height: 145px;
+ background-image: url('../image/bk4.png');
+ background-size: 100% 100%;
+
+ .ant-divider-vertical {
+ height: 52px;
+ background-color: rgba(255, 255, 255, 0.3);
+ }
+
+ .project_count_item p {
+ font-size: 30px;
+ font-family: "YouSheBiaoTiHei";
+ line-height: normal;
+ }
+ }
+
+ .feedBackBox {
+ padding: 17px 30px;
+ background-image: linear-gradient(145.03deg, #f2e8e9 0%, #f2e8e9 19.38%, #a7b0ff 76.71%, #b3a7ff 100%);
+ border-radius: 15px;
+ }
+
+ .needApplyBut {
+ display: inline-block;
+ width: 83px;
+ height: 32px;
+ border: 1px solid #091221;
+ border-radius: 18px;
+ text-align: center;
+ line-height: 32px;
+ color: #091221;
+ transition: all 0.3s ease;
+
+ &:hover,
+ &:active,
+ &:focus {
+ color: #ffffff;
+ background-color: #091221;
+ }
+ }
+
+ .homepage_content_v3 {
+ background-image: linear-gradient(179.88deg, #ffffff 0%, #F3F7FD 100%);
+ border-radius: 40px 40px 0 0;
+
+ .cate_list_box {
+ display: flex;
+ gap: 15px;
+ flex-wrap: wrap;
+ }
+
+ .cate_item {
+ cursor: pointer;
+ padding: 2px 25px;
+ background-color: #f5f7fb;
+ border-radius: 16px;
+
+ &.active {
+ font-weight: normal;
+ font-size: 16px;
+ color: #ffffff;
+ background-color: #091221;
+ }
+ }
+
+ .left_cate2 {
+ width: 200px;
+ background-color: #ffffff;
+ border-radius: 10px;
+ box-shadow: 0px 0px 6px rgba(92, 102, 193, 0.05);
+ padding: 25px 10px;
+
+ li {
+ color: #42464e;
+ font-size: 16px;
+ padding: 10px 20px;
+ cursor: pointer;
+
+ &.active {
+ background-color: #f7f9fd;
+ border-radius: 6px;
+ font-weight: bold;
+ }
+ }
+ }
+
+ .home_project_list {
+ flex-wrap: wrap;
+ gap: 15px;
+
+ &.sixItemBox {
+ .home_project {
+ flex: 0 0 calc(16.6% - 13px);
+ }
+ }
+
+ .home_project {
+ padding: 20px 20px 60px 20px;
+ flex: 0 0 calc(20% - 13px);
+ background-color:#ffffff;
+ border-radius:8px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 0;
+ background-image: url('../image/bk5.png');
+ background-size: 100% 100%;
+ border:1px solid transparent;
+ position: relative;
+ box-shadow: 0 0 12px rgba(92, 102, 193, 0.05);
+
+ .task-hide-2 {
+ word-break: break-all;
+ }
+
+ .color-424 {
+ color: #42464e;
+ }
+
+ .a-i-center {
+ align-items: center;
+ }
+
+ .author_img {
+ width: 54px;
+ height: 54px;
+ margin-right: 15px;
+ border-radius: 6px;
+ }
+
+ .download-icon {
+ color:#8284a4;
+ position: absolute;
+ bottom: 10px;
+ }
+
+ .hover-light.color-grey-6,
+ .hover-light.color-grey-6 a {
+ color: #666 !important;
+ }
+
+ &:hover {
+ border-color:#2149d4;
+ }
+
+ .proListTopics {
+ display: flex;
+
+ .proListTopic {
+ background-color:#f7f9fd;
+ border-radius: 4px;
+ max-width: 158px;
+ padding: 0 10px;
+ height: 22px;
+ line-height: 22px;
+ color: #737a87;
+ &:first-of-type{
+ color:#2149d4;
+ background-color:rgba(33, 73, 212, 0.05);
+ }
+ }
+ }
+ .detail-but-black{
+ width: 88%;
+ color:#ffffff;
+ background-color:#2149d4;
+ border: none;
+ display: none;
+ position: absolute;
+ bottom: 10px;
+ }
+ &:hover{
+ .download-icon{
+ display: none;
+ }
+ .detail-but-black{
+ display: block;
+ }
+ .detail-but-black::after{
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -150%;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(120deg, rgba(255,255,255,0)0%, rgba(255,255,255,0.5)50%,rgba(255,255,255,0)100%);
+ animation: flowLight 0.5s ease-in-out;
+ }
+ }
+ }
+ }
+ }
+}
+
+@keyframes flowLight {
+ 0% {
+ left: -150%;
+ }
+
+ 100% {
+ left: 100%;
+ }
+}
\ No newline at end of file
diff --git a/src/forge/projectHome/image/banner.png b/src/forge/projectHome/image/banner.png
new file mode 100644
index 00000000..15ab89f3
Binary files /dev/null and b/src/forge/projectHome/image/banner.png differ
diff --git a/src/forge/projectHome/image/bk1.png b/src/forge/projectHome/image/bk1.png
new file mode 100644
index 00000000..b061dc6f
Binary files /dev/null and b/src/forge/projectHome/image/bk1.png differ
diff --git a/src/forge/projectHome/image/bk2.png b/src/forge/projectHome/image/bk2.png
new file mode 100644
index 00000000..991602b6
Binary files /dev/null and b/src/forge/projectHome/image/bk2.png differ
diff --git a/src/forge/projectHome/image/bk3.png b/src/forge/projectHome/image/bk3.png
new file mode 100644
index 00000000..5a6f9cb7
Binary files /dev/null and b/src/forge/projectHome/image/bk3.png differ
diff --git a/src/forge/projectHome/image/bk4.png b/src/forge/projectHome/image/bk4.png
new file mode 100644
index 00000000..4de2bbbe
Binary files /dev/null and b/src/forge/projectHome/image/bk4.png differ
diff --git a/src/forge/projectHome/image/bk5.png b/src/forge/projectHome/image/bk5.png
new file mode 100644
index 00000000..615f75cc
Binary files /dev/null and b/src/forge/projectHome/image/bk5.png differ
diff --git a/src/forge/projectHome/image/icon1.png b/src/forge/projectHome/image/icon1.png
new file mode 100644
index 00000000..ba96e2a7
Binary files /dev/null and b/src/forge/projectHome/image/icon1.png differ
diff --git a/src/forge/projectHome/image/icon10.png b/src/forge/projectHome/image/icon10.png
new file mode 100644
index 00000000..4e06c6de
Binary files /dev/null and b/src/forge/projectHome/image/icon10.png differ
diff --git a/src/forge/projectHome/image/icon11.png b/src/forge/projectHome/image/icon11.png
new file mode 100644
index 00000000..04d13aaf
Binary files /dev/null and b/src/forge/projectHome/image/icon11.png differ
diff --git a/src/forge/projectHome/image/icon12.png b/src/forge/projectHome/image/icon12.png
new file mode 100644
index 00000000..9410e299
Binary files /dev/null and b/src/forge/projectHome/image/icon12.png differ
diff --git a/src/forge/projectHome/image/icon13.png b/src/forge/projectHome/image/icon13.png
new file mode 100644
index 00000000..e48c1628
Binary files /dev/null and b/src/forge/projectHome/image/icon13.png differ
diff --git a/src/forge/projectHome/image/icon14.png b/src/forge/projectHome/image/icon14.png
new file mode 100644
index 00000000..74b08edc
Binary files /dev/null and b/src/forge/projectHome/image/icon14.png differ
diff --git a/src/forge/projectHome/image/icon2.png b/src/forge/projectHome/image/icon2.png
new file mode 100644
index 00000000..1e5fa2bd
Binary files /dev/null and b/src/forge/projectHome/image/icon2.png differ
diff --git a/src/forge/projectHome/image/icon3.png b/src/forge/projectHome/image/icon3.png
new file mode 100644
index 00000000..c866a4a8
Binary files /dev/null and b/src/forge/projectHome/image/icon3.png differ
diff --git a/src/forge/projectHome/image/icon4.png b/src/forge/projectHome/image/icon4.png
new file mode 100644
index 00000000..2dec4a13
Binary files /dev/null and b/src/forge/projectHome/image/icon4.png differ
diff --git a/src/forge/projectHome/image/icon5.png b/src/forge/projectHome/image/icon5.png
new file mode 100644
index 00000000..6384a068
Binary files /dev/null and b/src/forge/projectHome/image/icon5.png differ
diff --git a/src/forge/projectHome/image/icon6.png b/src/forge/projectHome/image/icon6.png
new file mode 100644
index 00000000..d43f1507
Binary files /dev/null and b/src/forge/projectHome/image/icon6.png differ
diff --git a/src/forge/projectHome/image/icon7.png b/src/forge/projectHome/image/icon7.png
new file mode 100644
index 00000000..1e4cf6fc
Binary files /dev/null and b/src/forge/projectHome/image/icon7.png differ
diff --git a/src/forge/projectHome/image/icon8.png b/src/forge/projectHome/image/icon8.png
new file mode 100644
index 00000000..9085111a
Binary files /dev/null and b/src/forge/projectHome/image/icon8.png differ
diff --git a/src/forge/projectHome/image/icon9.png b/src/forge/projectHome/image/icon9.png
new file mode 100644
index 00000000..d27a2146
Binary files /dev/null and b/src/forge/projectHome/image/icon9.png differ
diff --git a/src/forge/projectHome/image/pro_item1.png b/src/forge/projectHome/image/pro_item1.png
new file mode 100644
index 00000000..e88eb9f3
Binary files /dev/null and b/src/forge/projectHome/image/pro_item1.png differ
diff --git a/src/forge/projectHome/image/pro_item2.png b/src/forge/projectHome/image/pro_item2.png
new file mode 100644
index 00000000..700fdc4c
Binary files /dev/null and b/src/forge/projectHome/image/pro_item2.png differ
diff --git a/src/forge/projectHome/image/pro_item3.png b/src/forge/projectHome/image/pro_item3.png
new file mode 100644
index 00000000..7648ef30
Binary files /dev/null and b/src/forge/projectHome/image/pro_item3.png differ
diff --git a/src/forge/projectHome/projectList/index.jsx b/src/forge/projectHome/projectList/index.jsx
new file mode 100644
index 00000000..987fa1d6
--- /dev/null
+++ b/src/forge/projectHome/projectList/index.jsx
@@ -0,0 +1,262 @@
+import React, { Fragment, useEffect, useState } from "react";
+import './index.scss'
+import { Badge, Collapse, Divider, Input, Pagination, Tooltip, Spin } from "antd";
+import axios from "axios";
+import { Link } from "react-router-dom";
+import { getImageUrl, timeAgo } from "educoder";
+import Nodata from "../../Nodata";
+const { Panel } = Collapse;
+
+// 开源协作首页
+function ProjectList() {
+ const LIMIT = 10;
+ const [cateList, setCateList] = useState([]);
+ const [projectsList, setProjectsList] = useState([]);
+ const [searchValue, setSearchValue] = useState(undefined);
+ const [search, setSearch] = useState(undefined);
+ const [cateID, setCateID] = useState(undefined);
+ const [isSpin, setIsSpin] = useState(true);
+ const [bannerActiveId, setBannerActiveId] = useState(undefined);
+ const [bannerProjects, setBannerProjects] = useState([]);
+ const [total, setTotal] = useState(0);
+ const [page, setPage] = useState(1);
+ const [userList, setUserList] = useState([]);
+ const [projectsListByHot, setProjectsListByHot] = useState([]);
+ const [hotTime, setHotTime] = useState(7);
+
+ const bannerProjects2 = bannerProjects.slice(4, 7);
+ console.log('bannerProjects2', bannerProjects2, bannerProjects);
+
+ useEffect(() => {
+ getCate();
+ getList();
+ getUserList();
+ document.title = `开源协作`
+ }, [])
+
+ useEffect(() => {
+ setIsSpin(true);
+ getProject();
+ }, [cateID, search, page])
+
+ useEffect(() => {
+ axios.get(`/project_rank.json`, { params: { time: hotTime } }).then(result => {
+ if (result && result.data) {
+ setProjectsListByHot(result.data.projects);
+ }
+ }).catch(error => { })
+ }, [hotTime])
+
+ function getCate() {
+ const url = `/project_categories/pinned_index.json`;
+ axios.get(url).then(result => {
+ if (result && result.data) {
+ setCateList(result.data.project_categories);
+ }
+ }).catch(error => { })
+ }
+
+ function getList() {
+ axios.get(`/projects/banner_recommend.json`).then(result => {
+ if (result && result.data) {
+ setBannerProjects(result.data.projects);
+ if (result.data.projects[0]) {
+ setBannerActiveId(result.data.projects[1].id)
+ }
+ }
+ }).catch(error => { })
+ }
+
+ function getUserList() {
+ axios.get(`/user_rank.json`, { params: { time: 7 } }).then(result => {
+ if (result && result.data) {
+ setUserList(result.data.users);
+ }
+ }).catch(error => { })
+ }
+
+ function getProject() {
+ const url = `/projects.json`;
+ let params = {
+ pinned: "d",
+ category_id: cateID,
+ limit: LIMIT,
+ search: search,
+ page: page,
+ sort_by: cateID ? undefined : "praises_count",
+ language_id: undefined
+ };
+ axios.get(url, { params }).then(result => {
+ if (result && result.data) {
+ setTotal(result.data.total_count);
+ setProjectsList(result.data.projects);
+ setIsSpin(false);
+ }
+ }).catch(error => { })
+ }
+
+ const bannerProject = (detail) => {
+ return
+
+ 开源软件仓库·护航J事数智
+ 汇聚全球顶尖开源力量，构建安全、协同、创新的软件生态，赋能J事数字化转型与智能化升级
+
+
+
+
+
+
+ })
{countByOther}+
+
+ {countByGHMType}+
+
+ })
{countByGHM}+
+
+ })
{countByMX}+
+
+ })
{countByRQ}+
+
+ 反馈需求，共建优质体验
+ 欢迎大家随时通过官方渠道提出宝贵建议
+
+
+
+
+ {/* 二级分类以及仓库列表（左右布局） */}
+
+
+
+
+ 软件分类：
+ {cateList && !!cateList.length && cateList.map(cate => {
+ const isActive = cate.id === cateID;
+ return { setPage(1); setCateID(cate.id); setTopicId(undefined) }}>{cate.name}
+ })}
+
+
+ {topicsByCateId && !!topicsByCateId.length &&
+
+
}
+ -
+
- { setPage(1); setTopicId(undefined) }}>
+
+ 全部类别 +
+ {topicsByCateId.map((item, index) => {
+ const uniqueKey = `${cateID}-${index}`;
+ const isActive = item.id === topicId;
+ const imageName = `${item.icon}${isActive ? '-1' : ''}.png`;
+
+ return - { setPage(1); setTopicId(item.id); setTopicDetail(item) }}>
+
+ {item.name} +
+ })}
+
+ {/* 推荐仓库 */}
+
+ {projectsList && !!projectsList.length ?
+ {cateID && { setPage(page) }} className='center mt30' />}
+
+ 推荐仓库
+
+ { setPage(1); setSearch(value); }}
+ className="mlat custom-search"
+ style={{ width: "320px", marginLeft: "auto", height: "32px", marginTop: "8px" }}
+ allowClear
+ />
+
+
+ {projectsList.map(i => {
+ const url = i.author ? `/${i.author.login}/${i.identifier}${i.author.login === "gh_mirrors" ? "/about" : "/about"}` : ``
+ return
:
+
+ } */}
+ {i.author && i.author.login !== "gh_mirrors" && 下载}
+
+
+ })}
+
+ {i.lesson_url && })
}
+ {!i.lesson_url && ![]({require("../image/icon14.png").default})
}
+
+ {/* {i.description && }
+
+
+ {i.name}
+ {/* 项目标签 */}
+ {i.topics &&
+ {/* {i.author && i.author.login === "gh_mirrors" && i.topics && !i.topics.length && 华中科技大学} */}
+ {i.topics.slice(0, 2).map(item => {item.name} )}
+
}
+
+ {i.description}
+
+
+ {/* 二级分类，即标签列表 */}
+
+ {/* 项目列表 */}
+
+
+ {/* 三方组件下的提示信息*/}
+ {cateID === 39 && topicId && topicDetail && topicDetail.intro && trigger.parentNode}
+ content={
+ }
+
+
+
+
+ }
+ trigger="click"
+ placement="bottomLeft"
+ overlayClassName="tipByCate_Popover"
+ >
+ {`设置${topicDetail.name}包管理器仓库地址，`}查看更多
+
+ 66
+
+ }
+ return {detail.author.name}/{detail.name}
+ {detail.description}
+
+ {/* 推荐仓库 */}
+
+}
+
+export default ProjectList;
\ No newline at end of file
diff --git a/src/forge/projectHome/projectList/index.scss b/src/forge/projectHome/projectList/index.scss
new file mode 100644
index 00000000..205f545f
--- /dev/null
+++ b/src/forge/projectHome/projectList/index.scss
@@ -0,0 +1,433 @@
+.project_home {
+ font-family: "alibabaReg";
+ color: #091221;
+ background-color: #f1f6fd;
+ background-image: url('../image/bk1.png');
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+
+ a:hover {
+ color: #2149d4;
+ }
+
+ // 标题悬停：下划线从左到右滑出
+ .title-border-to-right {
+ display: inline-block;
+ max-width: 100%;
+ position: relative;
+
+ &::after {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ content: '';
+ width: 0;
+ height: 1px;
+ background-color: #2149d4;
+ transition: all 0.5s ease;
+ }
+
+ &:hover {
+ padding-right: 30px;
+
+ &+.hot-tag {
+ display: none;
+ }
+ }
+
+ &:hover::after {
+ width: 100%;
+ }
+
+ &:hover::before {
+ content: "\e9c4";
+ font-family: 'iconfont';
+ font-weight: normal;
+ position: absolute;
+ right: 0px;
+ font-size: 16px;
+ top: 5px;
+ }
+ }
+
+ .author_img {
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ }
+
+ .p_h_title {
+ font-family: "DouyinSansBold";
+ letter-spacing: 4px;
+ }
+
+ .p_h_title_text {
+ background-image: linear-gradient(313.07deg, #27d1ff 0%, #352eff 46.85%, #091221 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+
+ .search_p_h {
+ width: 660px;
+ height: 52px;
+
+ .ant-input {
+ padding-left: 20px;
+ border-radius: 26px;
+ border: none;
+ color: #091221;
+ &:focus::placeholder{
+ opacity: 0.6;
+ }
+
+ &::placeholder {
+ color: #091221;
+ }
+ }
+
+ .ant-input-search-icon {
+ display: none;
+ }
+
+ .search_icon {
+ width: 32px;
+ height: 32px;
+ background-color: #091221;
+ border-radius: 50%;
+ color: white;
+ text-align: center;
+ line-height: 32px;
+ }
+ }
+
+ .project_home_banner {
+ position: relative;
+
+ &_img1 {
+ position: absolute;
+ top: 5%;
+ left: 18%;
+ }
+
+ &_img2 {
+ position: absolute;
+ top: 45%;
+ right: 14%;
+ }
+
+ &_project1 {
+ position: absolute;
+ top: 43%;
+ left: 10%;
+
+ .bannerProject {
+ right: 45px;
+ top: 44px;
+ }
+ }
+
+ &_project2 {
+ position: absolute;
+ bottom: -10%;
+ left: 21.3%;
+
+ .bannerProject {
+ right: 90px;
+ top: 0px;
+ animation-delay: 4s !important;
+ }
+ .author_img{
+ animation-delay: 4s !important;
+ }
+ }
+
+ &_project3 {
+ position: absolute;
+ top: 22%;
+ right: 22%;
+
+ .icon8_img {
+ margin-top: -20px;
+ }
+
+ .bannerProject {
+ left: 47px;
+ top: 0px;
+ animation-delay: 8s !important;
+ }
+ .author_img{
+ animation-delay: 8s !important;
+ }
+ }
+
+ &_project4 {
+ position: absolute;
+ bottom: -10%;
+ right: 20.3%;
+
+ .bannerProject {
+ left: 47px;
+ top: 0px;
+ animation-delay: 12s !important;
+ }
+ .author_img{
+ animation-delay: 12s !important;
+ }
+ }
+
+ .author_img {
+ width: 38px;
+ height: 38px;
+ border: 1.5px solid white;
+ background-color: #F6F6F6;
+ animation: scalemax 2s forwards;
+ }
+
+ .bannerProject {
+ position: absolute;
+ background-color: #ffffff;
+ border-radius: 15px 6px 15px 15px;
+ padding: 10px 12px;
+ width: 238px;
+ opacity: 0;
+ animation: slideLeftFadeIn 3s forwards;
+
+ .icon-66 {
+ background-image: linear-gradient(180deg, rgba(33, 73, 212, 0.04) 0%, rgba(33, 73, 212, 0.14) 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ position: absolute;
+ top: 0px;
+ left: 10px;
+ font-family: "DouyinSansBold";
+ font-size: 22px;
+ }
+ }
+ }
+
+ .project_list_top {
+ display: grid;
+ gap: 20px;
+ grid-template-columns: repeat(3, 1fr);
+ }
+
+ .project_list_top_item {
+ padding: 30px;
+ background-image: url('../image/pro_item1.png');
+ background-size: 100% 100%;
+ overflow: hidden;
+
+ &:nth-of-type(3n+1),
+ &:nth-of-type(3n+1) a {
+ color: #ffffff;
+ }
+
+ &:nth-of-type(3n+2) {
+ background-image: url('../image/pro_item2.png');
+ }
+
+ &:nth-of-type(3n+3) {
+ background-image: url('../image/pro_item3.png');
+ }
+
+ .proListTopics {
+ gap: 7px;
+ }
+
+ .proListTopic {
+ height: 24px;
+ line-height: 24px;
+ padding: 0 10px;
+ background-color: rgba(255, 255, 255, 0.4);
+ border-radius: 4px;
+ }
+
+ .ant-divider-vertical {
+ width: 1.5px;
+ height: 0.8em;
+ background-color: #d8d8d8;
+ }
+ }
+}
+
+.project_list_all_box {
+ min-height: 50vh;
+ padding: 40px 0 100px;
+ background-image: linear-gradient(179.88deg, #ffffff 0%, rgba(255, 255, 255, 0.62) 16.1%, rgba(255, 255, 255, 0) 100%);
+ border-radius: 40px 40px 0 0;
+
+ .cate_list_box {
+ display: flex;
+ gap: 18px;
+ flex-wrap: wrap;
+ }
+
+ .cate_item {
+ cursor: pointer;
+ padding: 2px 25px;
+ background-color: #f7f9fd;
+ border-radius: 17px;
+
+ &.active {
+ font-weight: normal;
+ font-size: 16px;
+ color: #ffffff;
+ background-color: #091221;
+ }
+ }
+}
+
+.project_home_right {
+ width: 21%;
+
+ &-title {
+ padding: 14px 20px;
+ background-image: url('../image/bk2.png');
+ background-size: 100% 100%;
+ }
+
+ &-user {
+ background-color: #ffffff;
+ border-radius: 8px;
+ box-shadow: 0px 0px 10px rgba(35, 44, 121, 0.07);
+
+ &-item {
+ padding: 15px 22px;
+
+ &:hover {
+ background-color: #f7f9fd;
+ font-weight: bold;
+ }
+
+ &:not(:last-of-type) {
+ position: relative;
+
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 22px;
+ right: 22px;
+ height: 1px;
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.4);
+ }
+ }
+ }
+ }
+
+ .hot_project_Collapse {
+ border: none;
+ padding: 0 20px;
+ background: none;
+
+ .ant-collapse-item {
+ background-color: white;
+ border-radius: 6px;
+ margin-top: 20px;
+ border: 1px solid rgba(130, 132, 164, 0.18);
+ transition: all 0.5s;
+
+ .ant-collapse-header {
+ color: #091221;
+ opacity: 0.8;
+ font-size: 15px;
+ }
+
+ &-active {
+ background-image: url('../image/bk3.png');
+ background-size: 100% 100%;
+ border: none;
+
+ .ant-collapse-header {
+ font-weight: 700;
+ opacity: 1;
+ }
+ }
+ }
+
+ .ant-collapse-content {
+ border-top: none;
+ background: none;
+ color: #091221;
+ opacity: 0.7;
+
+ .ant-collapse-content-box {
+ padding-top: 0;
+ }
+ }
+ }
+}
+
+.project_list_all {
+ .project_list_all_title {
+ padding: 5px 0 40px 30px;
+ background-image: linear-gradient(135.72deg, #f2e8e9 0%, #b3a7ff 100%);
+ border-radius: 15px 15px 0px 0px;
+ }
+
+ &_list {
+ background-color: #ffffff;
+ border-radius: 15px;
+ position: relative;
+ top: -34px;
+ padding: 30px;
+ min-height: 800px;
+
+ &_item {
+ .author_img {
+ width: 30px;
+ height: 30px;
+ border-radius: 6px;
+ }
+
+ .count_box span {
+ padding: 4px 12px;
+ background-color: #f7f9fd;
+ border-radius: 12px;
+
+ .icon-dianzan1 {
+ color: #d18733;
+ }
+
+ .icon-yifuke_icon {
+ color: #5545BD;
+ }
+ }
+
+ &:not(:last-of-type) {
+ margin-bottom: 10px;
+ padding-bottom: 12px;
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.4);
+
+ }
+ }
+ }
+}
+
+@keyframes scalemax {
+ 0%{
+ scale: 1;
+ }
+ 40%{
+ scale: 1.28;
+ }
+ 100%{
+ scale: 1;
+ }
+}
+
+@keyframes slideLeftFadeIn {
+ 0%{
+ opacity: 0.4;
+ width: 200px;
+ }
+ 20%{
+ width: 238px;
+ }
+ 50%{
+ opacity: 1;
+ }
+ 100%{
+ opacity: 0;
+ }
+}
\ No newline at end of file
diff --git a/src/forums/api.js b/src/forums/api.js
new file mode 100644
index 00000000..bc9d0ccb
--- /dev/null
+++ b/src/forums/api.js
@@ -0,0 +1,32 @@
+import fetch from './fetch';
+
+export function getForumsList(params) {
+ return fetch({
+ url: '/api/memos.json',
+ method: 'get',
+ params
+ });
+}
+export function getForumSections(id, params) {
+ return fetch({
+ url: `/api/forum_sections/${id}/managements`,
+ method: 'get',
+ params
+ });
+}
+
+export function getForumsById(id, params) {
+ return fetch({
+ url: `/api/memos/forum_memos/${id}.json`,
+ method: 'get',
+ params
+ });
+}
+
+export function getForumMemoById(id, params) {
+ return fetch({
+ url: `/api/memos/${id}.json`,
+ method: 'get',
+ params
+ });
+}
\ No newline at end of file
diff --git a/src/forums/detail/index.jsx b/src/forums/detail/index.jsx
new file mode 100644
index 00000000..aeeee8c4
--- /dev/null
+++ b/src/forums/detail/index.jsx
@@ -0,0 +1,141 @@
+import React, { useEffect, useState } from "react";
+import './index.scss';
+import { getForumMemoById } from "../api";
+import { Divider, Tag } from "antd";
+import icon12 from '../image/icon12.png';
+import icon6 from '../image/icon6.png';
+import icon10 from '../image/icon10.png';
+import RenderHtml from "../../components/render-html";
+import Nodata from "../../forge/Nodata";
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+
+function detail(props) {
+ console.log('props', props);
+ const { match: { params: { id } } } = props;
+ const [detail, setDetail] = useState(undefined);
+ const { memo = {}, author_info = {}, recent_memos=[] } = detail || {};
+
+ useEffect(() => {
+ id && getForumMemoById(id).then(res => {
+ console.log('res', res);
+ setDetail(res);
+ document.title = `${res.memo.subject}-论坛交流`;
+ })
+ }, [id])
+
+ const actions = [
+ {
+ id: 'add',
+ title: '点赞',
+ // icon: require('../image/likes.png').default,
+ key: 'praises_count'
+ },
+ {
+ id: 'edit',
+ title: '收藏',
+ icon: require('../image/icon11.png'),
+ key: 'watchers_count'
+ },
+ {
+ id: 'delete',
+ title: '评论',
+ icon: require('../image/icon13.png'),
+ key: 'replies_count'
+ },
+ {
+ id: 'delete',
+ title: '浏览数',
+ icon: icon12,
+ key: 'viewed_count'
+ }
+
+ ]
+ return (
+
+ {setSearchValue(e.target.value)}} suffix={{setSearch(searchValue)}}>
+
+ } onSearch={(value)=>{
+ setSearch(value)
+ }}/>
+ .default})
+ .default})
+ {bannerProjects[0] &&
+ {/* 推荐仓库列表一行三个 */}
+ {bannerProjects2 && !!bannerProjects2.length && 开源协作·共建生态
+
+
+ {bannerProjects[0] &&
+ })
+ {bannerProject(bannerProjects[0])}
+
}
+ {bannerProjects[1] &&
+ {bannerProject(bannerProjects[0])}
+
+ {bannerProjects[0].author && })
}
+
+
+ {bannerProject(bannerProjects[1])}
+ {bannerProjects[1].author && })
}
+ })
+
}
+ {bannerProjects[2] &&
+
+ {bannerProject(bannerProjects[2])}
+ })
+
}
+ {bannerProjects[3] &&
+ {bannerProjects[2].author && })
}
+
+
+
+ {bannerProject(bannerProjects[3])}
+ {bannerProjects[3].author && })
}
+ })
+
}
+
+
+ {bannerProjects2.map((i, index) => {
+ const url = i.author ? `/${i.author.login}/${i.identifier}${i.author.login === "gh_mirrors" ? "/about" : "/about"}` : ``
+ const { author = {} } = i;
+ return
}
+
+ {/* 项目列表 */}
+
+ {i.topics &&
+ }
+ {author &&
+ })}
+
+ {i.topics.map(item => {item.name} )}
+
}
+ {author.name}/{i.name}
+ {i.description &&
+ {i.description}
+
+
+ {author.image_url && })
}
+ {author.name}
+ {timeAgo(i.updated_on)}更新
+ {(i.parises_count > 0 || i.forked_count > 0) &&
}
+
+
+
+
+
+ {setPage(1); setCateID(undefined) }}>最近更新
+ {cateList.map(cate => {
+ const isActive = cate.id === cateID;
+ return {setPage(1); setCateID(cate.id) }}>{cate.name}
+ })}
+
+
+
+
+ { setPage(page) }} className='center mt10' />
+
+ 开源项目
+
+
+ {projectsList.map(i => {
+ const { author = {} } = i;
+ const url = i.author ? `/${i.author.login}/${i.identifier}${i.author.login === "gh_mirrors" ? "/about" : "/about"}` : ``
+ return
+
+
+
+ })}
+ {!isSpin && projectsList && !projectsList.length &&
+
+
+ {author.image_url && }
+ {author.name}/{i.name}
+
+
+ {/* 点赞数 */}
+ {i.praises_count > 0 ? 赞{i.praises_count} : ""}
+ {/* fork数 */}
+ {i.forked_count > 0 ? fork{i.forked_count} : ""}
+
+
+ {i.description}
+
+
+ {i.language &&
+
+
+
+ {/* 热门开发者 */}
+
+
+
+ {/* 热门项目 */}
+
+
+ 热门开发者
+
+ {userList.map(user => {
+ return
+ 热门开发者
+
+ })
+ {user.name}
+
+ })}
+
+
+ {projectsListByHot.map(project => {
+ return
+
+ })}
+
+
+
+
+ 热门项目
+
+ {[{ key: 7, name: "本周" }, { key: 31, name: "本月" }].map((item, index) => {
+ return
+ setHotTime(item.key)}>{item.name}
+ {index < 1 &&
+ })}
+
+
+
+ 热门项目
+
+ {[{ key: 7, name: "本周" }, { key: 31, name: "本月" }].map((item, index) => {
+ return {project.description || '暂无数据'}
+
+
+ )
+}
+
+export default detail;
\ No newline at end of file
diff --git a/src/forums/detail/index.scss b/src/forums/detail/index.scss
new file mode 100644
index 00000000..6da3d035
--- /dev/null
+++ b/src/forums/detail/index.scss
@@ -0,0 +1,126 @@
+.forums-detail-box{
+ min-height: 92vh;
+ color: #091221;
+ font-family: "alibabaReg";
+ background-color: #f1f6fd;
+ background-image: url('../image/bk.png');
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ .forums-white-bk{
+ background-color:#ffffff;
+ border-radius:8px;
+ box-shadow:0px 0px 10px rgba(35, 44, 121, 0.07);
+ }
+ .ant-tag{
+ line-height: 16px;
+ padding: 0 3px;
+ margin-left: 10px;
+ }
+}
+.forums-detail-left{
+ display: flex;
+ flex-direction: column;
+ width: 60px;
+ .action-fo{
+ width:48px;
+ height:48px;
+ border-radius: 50%;
+ background-color:#ffffff;
+ box-shadow:0px 0px 10px rgba(35, 44, 121, 0.06);
+ justify-content: center;
+ .action-fo-icon.add{
+ display: inline-block;
+ width: 32px;
+ height: 32px;
+ overflow: hidden;
+ .action-fo-icon-img{
+ display: inline-block;
+ width: 32px;
+ height: 958px;
+ background-size: auto 100%;
+ background-repeat: no-repeat;
+ -webkit-animation: gifEmoji 1.5s steps(30) infinite both;
+ animation: gifEmoji 1.5s steps(30) infinite both;
+ will-change: transform;
+ background-image: url('../image/likes.png');
+ }
+ }
+ img{
+ max-width: 20px;
+ }
+ }
+ .account-fo{
+ display: inline-block;
+ width:48px;
+ height:18px;
+ background-color:#f7f9fd;
+ border-radius:9px;
+ text-align: center;
+ line-height: 18px;
+ opacity: 0.8;
+ position: relative;
+ top: -12px;
+ }
+}
+.forums-detail-content{
+ padding: 30px;
+ min-height: 55vh;
+ position: relative;
+ .original_tag{
+ position: absolute;
+ top: -4px;
+ left: 0;
+ background-image: url('../image/icon14.png');
+ background-size: 100% 100%;
+ width:54px;
+ height:22px;
+ line-height: 22px;
+ padding-left: 11px;
+ }
+ .user-img{
+ width:21px;
+ height:21px;
+ border-radius: 50%;
+ background-color: #E9A69D;
+ margin-right: 10px;
+ }
+}
+.forums-detail-right{
+ width: 21%;
+ .forums-author{
+ padding: 10px;
+ .forums-author-img{
+ max-width: 100%;
+ }
+ .user-img{
+ background-color: #F7F7F7;
+ border-radius: 50%;
+ width:61px;
+ height:61px;
+ margin: -20px 20px 0 20px;
+ }
+ }
+ .forums-author-recent-item {
+ margin: 0 10px;
+ padding: 0 10px;
+
+ &>div {
+ padding: 10px 0;
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.18);
+ }
+
+ &:hover {
+ background-color: #f7f9fd;
+ border-radius: 6px;
+ }
+ }
+}
+
+@keyframes gifEmoji {
+ from {
+ transform: translateY(0);
+ }
+ to {
+ transform: translateY(-958px);
+ }
+}
\ No newline at end of file
diff --git a/src/forums/fetch.js b/src/forums/fetch.js
new file mode 100644
index 00000000..c9b14515
--- /dev/null
+++ b/src/forums/fetch.js
@@ -0,0 +1,12 @@
+import javaFetch from '../forge/javaFetch';
+
+let settings = localStorage && localStorage.chromesetting && localStorage.chromesetting !=="undefined" && JSON.parse(localStorage.chromesetting);
+console.log('settings', settings);
+
+// let actionUrl = settings && settings.main_web_site_url;
+let actionUrl = 'http://172.20.32.203:4001';
+
+const service = javaFetch(actionUrl);
+export const httpUrl = actionUrl;
+export const main_site_url = settings && settings.common.main_site_url
+export default service;
\ No newline at end of file
diff --git a/src/forums/image/add1.png b/src/forums/image/add1.png
new file mode 100644
index 00000000..976bc799
Binary files /dev/null and b/src/forums/image/add1.png differ
diff --git a/src/forums/image/add2.png b/src/forums/image/add2.png
new file mode 100644
index 00000000..97cef126
Binary files /dev/null and b/src/forums/image/add2.png differ
diff --git a/src/forums/image/author.png b/src/forums/image/author.png
new file mode 100644
index 00000000..f4035aca
Binary files /dev/null and b/src/forums/image/author.png differ
diff --git a/src/forums/image/banner.png b/src/forums/image/banner.png
new file mode 100644
index 00000000..f5fac30a
Binary files /dev/null and b/src/forums/image/banner.png differ
diff --git a/src/forums/image/bk.png b/src/forums/image/bk.png
new file mode 100644
index 00000000..66edbcd4
Binary files /dev/null and b/src/forums/image/bk.png differ
diff --git a/src/forums/image/icon1.png b/src/forums/image/icon1.png
new file mode 100644
index 00000000..d8114e7a
Binary files /dev/null and b/src/forums/image/icon1.png differ
diff --git a/src/forums/image/icon10.png b/src/forums/image/icon10.png
new file mode 100644
index 00000000..c28396a0
Binary files /dev/null and b/src/forums/image/icon10.png differ
diff --git a/src/forums/image/icon11.png b/src/forums/image/icon11.png
new file mode 100644
index 00000000..31ad8587
Binary files /dev/null and b/src/forums/image/icon11.png differ
diff --git a/src/forums/image/icon12.png b/src/forums/image/icon12.png
new file mode 100644
index 00000000..6cedc6e6
Binary files /dev/null and b/src/forums/image/icon12.png differ
diff --git a/src/forums/image/icon13.png b/src/forums/image/icon13.png
new file mode 100644
index 00000000..6b514ce8
Binary files /dev/null and b/src/forums/image/icon13.png differ
diff --git a/src/forums/image/icon14.png b/src/forums/image/icon14.png
new file mode 100644
index 00000000..6cc5467f
Binary files /dev/null and b/src/forums/image/icon14.png differ
diff --git a/src/forums/image/icon15.png b/src/forums/image/icon15.png
new file mode 100644
index 00000000..48690ea1
Binary files /dev/null and b/src/forums/image/icon15.png differ
diff --git a/src/forums/image/icon2.png b/src/forums/image/icon2.png
new file mode 100644
index 00000000..15cef264
Binary files /dev/null and b/src/forums/image/icon2.png differ
diff --git a/src/forums/image/icon3.png b/src/forums/image/icon3.png
new file mode 100644
index 00000000..e34e3661
Binary files /dev/null and b/src/forums/image/icon3.png differ
diff --git a/src/forums/image/icon4.png b/src/forums/image/icon4.png
new file mode 100644
index 00000000..98ebd2a9
Binary files /dev/null and b/src/forums/image/icon4.png differ
diff --git a/src/forums/image/icon5.png b/src/forums/image/icon5.png
new file mode 100644
index 00000000..f0d3bade
Binary files /dev/null and b/src/forums/image/icon5.png differ
diff --git a/src/forums/image/icon6.png b/src/forums/image/icon6.png
new file mode 100644
index 00000000..b093dcaa
Binary files /dev/null and b/src/forums/image/icon6.png differ
diff --git a/src/forums/image/icon7.png b/src/forums/image/icon7.png
new file mode 100644
index 00000000..95b6b2fd
Binary files /dev/null and b/src/forums/image/icon7.png differ
diff --git a/src/forums/image/icon8.png b/src/forums/image/icon8.png
new file mode 100644
index 00000000..6ce0d549
Binary files /dev/null and b/src/forums/image/icon8.png differ
diff --git a/src/forums/image/icon9.png b/src/forums/image/icon9.png
new file mode 100644
index 00000000..2f1fa3e0
Binary files /dev/null and b/src/forums/image/icon9.png differ
diff --git a/src/forums/image/likes.png b/src/forums/image/likes.png
new file mode 100644
index 00000000..bf30d620
Binary files /dev/null and b/src/forums/image/likes.png differ
diff --git a/src/forums/index.jsx b/src/forums/index.jsx
new file mode 100644
index 00000000..c40c112c
--- /dev/null
+++ b/src/forums/index.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+import { ImageLayerOfCommentHOC } from "../modules/page/layers/ImageLayerOfCommentHOC";
+import { Route, Switch, withRouter } from "react-router";
+import { SnackbarHOC } from "educoder";
+import { CNotificationHOC } from "../modules/courses/common/CNotificationHOC";
+import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC";
+import Loadable from 'react-loadable';
+import Loading from "../Loading";
+
+const Detail = Loadable({
+ loader : () => import("./detail"),
+ loading: Loading,
+})
+const List = Loadable({
+ loader : () => import("./list"),
+ loading: Loading,
+})
+
+function SoftBot(props){
+ return
+ 论坛交流
+ {memo.subject}
+
+
+ {/* 左侧操作区 */}
+
+
+ {actions.map((item, index) => (
+
+
+
+ {item.icon ? 
: }
+
+
+ {memo[item.key]}
+
+ ))}
+
+ {/* 正文 */}
+
+
+ {/* 右侧 */}
+
+ {memo.is_original && 原创}
+
+ {/* 评论 */}
+
+
+ 【{memo.tag_name}】
+ {memo.subject}
+ {memo.sticky && 置顶 }
+ {memo.is_fine && 精华 }
+
+
+ 
+ {author_info.username}
+ {memo.published_time}
+ 
+ {memo.viewed_count}
+ 
+ {memo.replies_count}
+
+
+
+
+ .default})
+
+
+
+
+ {author_info.username}
+
+
+
+ 文章数
+ {author_info.memos_count}
+
+
+ 评论数
+ {author_info.replies_count}
+
+
+ 关注者
+ {author_info.watchers_count}
+
+
+
+ 作者最近文章
+
+
+
+ ))}
+ {recent_memos.length === 0 &&
+ {index+1}
+ new }
+
+ {item.subject}
+ {index === 0 &&
+
+ (
+
+ (
+
+
+
+}
+export default withRouter(
+ ImageLayerOfCommentHOC({
+ imgSelector: ".imageLayerParent img, .imageLayerParent .imageTarget",
+ parentSelector: ".newMain",
+ })(CNotificationHOC()(SnackbarHOC()(TPMIndexHOC(SoftBot))))
+);
\ No newline at end of file
diff --git a/src/forums/list/index.jsx b/src/forums/list/index.jsx
new file mode 100644
index 00000000..1b6b3a4a
--- /dev/null
+++ b/src/forums/list/index.jsx
@@ -0,0 +1,228 @@
+import React, { useEffect, useState } from "react";
+import './index.scss';
+import { Button, Divider, Tag } from "antd";
+import { getForumsById, getForumSections, getForumsList } from "../api";
+import { httpUrl } from "../fetch";
+import { getImageUrl, timeAgo } from 'educoder';
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import icon5 from '../image/icon5.png';
+import icon6 from '../image/icon6.png';
+import icon10 from '../image/icon10.png';
+import Nodata from "../../forge/Nodata";
+
+function List() {
+ const [forumsList, setForumsList] = useState([]);
+ const [hottestForumsList, setHottestForumsList] = useState([]);
+ // 板块信息
+ const [forumTag, setForumTag] = useState([]);
+ // 选中的板块详情
+ const [forumTagDetail, setForumTagDetail] = useState(undefined);
+ // 选中的板块对应的帖子列表
+ const [forumListByTag, setForumListByTag] = useState([]);
+ console.log('forumListByTag', forumListByTag);
+
+ const sortImg1 = {
+ 0: require('../image/icon7.png'),
+ 1: require('../image/icon8.png'),
+ 2: require('../image/icon9.png'),
+ }
+ const sortImg2 = {
+ 0: require('../image/icon2.png'),
+ 1: require('../image/icon3.png'),
+ 2: require('../image/icon4.png'),
+ }
+
+
+ useEffect(() => {
+ document.title = '论坛交流';
+
+ getForumsList({
+ page: 1,
+ limit: 10,
+ sort: 'published_at',
+ }).then(res => {
+ if (res) {
+ setForumsList(res.memos || []);
+ setHottestForumsList(res.hottest_memos || []);
+ }
+ })
+
+ getForumSections(4).then(res => {
+ if (res && res.forum_tag) {
+ // 获取所有子板块
+ const childrenTags = res.forum_tag.children_tags;
+
+ // 并发请求所有板块的精华帖子
+ const fetchEssencePosts = async (tag) => {
+ try {
+ const essenceRes = await getForumsById(tag.id, {
+ page: 1,
+ limit: 1,
+ sort: 'published_at',
+ select_type: 'is_fine',
+ });
+
+ return {
+ ...tag,
+ essencePosts: essenceRes?.memos || []
+ };
+ } catch (err) {
+ return {
+ ...tag,
+ essencePosts: []
+ };
+ }
+ };
+
+ // 使用 Promise.all 并发处理所有请求
+ Promise.all(childrenTags.map(fetchEssencePosts))
+ .then(updatedTags => {
+ setForumTag(updatedTags);
+ if (updatedTags.length > 0) {
+ setForumTagDetail(updatedTags[0]);
+ }
+ })
+ .catch(error => {
+ // 降级处理
+ setForumTag(childrenTags);
+ if (childrenTags.length > 0) {
+ setForumTagDetail(childrenTags[0]);
+ }
+ });
+ }
+ })
+ }, [])
+
+
+ useEffect(() => {
+ if (forumTagDetail && forumTagDetail.id) {
+ const forums = forumTagDetail.essencePosts[0] || {}
+ getForumsById(forumTagDetail.id, {
+ page: 1,
+ limit: 10,
+ sort: 'published_at',
+ select_type: 'all',
+ hide_id: forums.id
+ }).then(res => {
+ if (res) {
+ setForumListByTag(res.memos || []);
+ }
+ })
+ }
+ }, [forumTagDetail && forumTagDetail.id])
+
+ return (
+
+
+ )
+}
+
+export default List;
\ No newline at end of file
diff --git a/src/forums/list/index.scss b/src/forums/list/index.scss
new file mode 100644
index 00000000..6bf31155
--- /dev/null
+++ b/src/forums/list/index.scss
@@ -0,0 +1,221 @@
+.forums-list-box {
+ color: #091221;
+ background-color: #f1f6fd;
+ font-family: "alibabaReg";
+ .ant-tag{
+ line-height: 16px;
+ padding: 0 3px;
+ margin-left: 10px;
+ margin-right: 0px;
+ }
+}
+
+.forums-banner-box {
+ background-image: url('../image/banner.png');
+ background-size: 100% 100%;
+ padding: 70px 0 45px;
+
+ .forums-banner-title1 {
+ font-family: 'DouyinSansBold';
+ line-height: normal;
+ }
+
+ .carousel-text {
+ background-image: linear-gradient(313.07deg, #d62ece 0%, #1664ff 65.83%, #06050e 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+
+ .add-forums {
+ color: white;
+ border-radius: 30px;
+ background-color: #091221;
+ border: 4px solid #CCD3E8;
+ height: 60px;
+ padding: 0px 53px;
+
+ // &:hover {
+ // border: 1px solid;
+ // border-image: linear-gradient(313.07deg, #d62ece 0%, #1664ff 59.75%, #f9c160 100%) 1;
+ // }
+ }
+
+ .first-img {
+ width: 48.3%;
+ background-color: #CCD3E8;
+ border-radius: 15px 0px 0px 15px;
+
+ img {
+ max-width: 100%;
+ }
+ }
+
+ .forums-list1 {
+ width: 23.4%;
+ background-color: #ffffff;
+ border-radius: 0px 15px 15px 0px;
+ padding: 10px 15px;
+
+ }
+
+ .hot-forums-list {
+ background-color: #ffffff;
+ border-radius: 8px;
+ box-shadow: 0px 0px 10px rgba(35, 44, 121, 0.07);
+ }
+
+ .forums-list-item {
+ cursor: pointer;
+ padding: 10px 15px 10px 15px;
+ line-height: normal;
+
+ .forums-subject {
+ padding: 8px 0;
+ width: 100%;
+ a{
+ color: #091221;
+ }
+ }
+ }
+
+ .forums-list-item:not(:last-of-type) {
+ .forums-subject {
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.4);
+ }
+
+ }
+
+ .forums-list-item:hover {
+ background-color: #f7f9fd;
+ border-radius: 10px;
+ font-weight: bold;
+
+ .forums-subject {
+ border-bottom: none;
+ }
+ }
+
+ .hot-forums-list-header {
+ padding: 12px 25px 0 25px;
+ }
+
+ .forums-list2 {
+ padding: 0 25px 12px 25px;
+ }
+}
+
+.forums-list3-box {
+ padding: 80px 0 60px;
+ background-image: linear-gradient(179.88deg, #ffffff 0%, rgba(255, 255, 255, 0.62) 16.1%, rgba(255, 255, 255, 0) 100%);
+ border-radius: 40px;
+ .user-img{
+ width:24px;
+ height:24px;
+ border-radius: 50%;
+ background-color: #E9A69D;
+ margin-right: 10px;
+ }
+ .forums-section-box{
+ gap: 20px;
+ }
+ .forums-section-item{
+ cursor: pointer;
+ box-shadow:0px 3px 6px rgba(22, 100, 255, 0.02);
+ padding: 0px 6px 6px 6px;
+ .section-title{
+ color: transparent;
+ }
+ &.active{
+ background-image:linear-gradient(139.02deg,#3f4df4 0%,#649dff 49.37%,#cbaaff 100%);
+ border-radius:15px;
+ .section-title{
+ color: white;
+ }
+ }
+ img{
+ max-width: 100%;
+ border-radius: 15px 15px 0 0;
+ transition: transform .4s cubic-bezier(.25, .46, .45, .94);
+ }
+ .forums-section-item-content{
+ background-color: white;
+ border-radius:15px;
+ overflow: hidden;
+ }
+ .icon-jiantou3{
+ display: none;
+ }
+ &:hover{
+ .icon-jiantou3{
+ // color:#2149d4;
+ // display: inline-block;
+ }
+ a{
+ // color:#2149d4;
+ }
+ .memo_image_info{
+ transform: scale(1.05);
+ }
+ }
+ a:hover{
+ color:#2149d4;
+ .icon-jiantou3{
+ display: inline-block;
+ }
+ }
+ }
+}
+.forums-list4-box{
+ background-color:#ffffff;
+ border-radius:15px;
+ padding: 25px 30px;
+ .forums-list4-item{
+ position: relative;
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.4);
+ padding-bottom: 12px;
+ margin-bottom: 20px;
+ }
+ .viewed_count{
+ position: absolute;
+ top: 20%;
+ right: 0;
+ display: inline-block;
+ background-color:rgba(223, 38, 89, 0.03);
+ border-radius:12px;
+ color:#df2659;
+ padding: 1px 15px;
+ height: 24px;
+ line-height: 24px;
+ font-size: 13px;
+ .viewed_count-icon{
+ animation: fire 1s ease-in-out infinite;
+ }
+ }
+ .forums-list4-item-link{
+ .icon-jiantou3{
+ display: none;
+ }
+ &:hover{
+ color:#2149d4;
+ .icon-jiantou3{
+ display: inline-block;
+ }
+ }
+ }
+}
+
+@keyframes fire {
+ 0% {
+ transform: rotate(-8deg);
+ transform-origin: center bottom;
+ }
+ 50% {
+ transform: rotate(8deg);
+ transform-origin: center bottom;
+ }
+ 100% {
+ transform: rotate(-8deg);
+ transform-origin: center bottom;
+ }
+}
\ No newline at end of file
diff --git a/src/home/Index.jsx b/src/home/Index.jsx
index 3db7672e..bec531e5 100644
--- a/src/home/Index.jsx
+++ b/src/home/Index.jsx
@@ -98,7 +98,7 @@ function Index(props) {
+
+
+
+ 论坛交流·解锁头脑风暴
+ 开源动态，社区前言新闻速递，开启开源新视野
+
+
+
+
+ {forumsList[0] && forumsList[0].memo_image_info && 
}
+
+
+ {forumsList.slice(0,6).map((item, index) => (
+
+ {/* 热门回答 */}
+
+
+ {item.subject}
+ {index === 0 && new }
+ {item.is_original && 原创 }
+
+
+ ))}
+
+
+
+
+ 热门回答
+
+
+ 热门回答
+
+ {hottestForumsList.slice(0,5).map((item, index) => (
+
+
+
+ {index < 3 ? 
: {index + 1}}
+ {item.subject}
+
+
+ ))}
+
+
+ XXX论坛
+
+ {/* 四个板块 */}
+
+
+ {forumTag.map((item, index) => {
+ const isSelected = forumTagDetail && forumTagDetail.id === item.id;
+ const forums = item.essencePosts[0] || {};
+ return (
+
+ {/* 板块对应的帖子列表 */}
+ {setForumTagDetail(item)}}>
+
+ )
+ })}
+ {item.title}
+
+ {forums.memo_image_info && }
+
+
+
+
+ {forums.subject}
+
+
+
+ 
+ {forums.username}
+
+
+ 
+ {forums.praises_count}
+
+ {forums.replies_count}
+ {forums.published_time}
+
+
+ {forumListByTag.map((item, index) => (
+
+
+ 
+ {item.viewed_count}
+
+
+ ))}
+ {forumListByTag.length === 0 && (
+
+ {index < 3 ? 
: {index + 1}}
+ {item.subject}
+ {item.sticky && 置顶 }
+ {item.is_original && 原创 }
+ {item.is_fine && 精华 }
+
+
+ 
+ {item.username}
+ {item.published_time}
+
+
+ -
{
['《全军软件供应链安全治理指南》正式发布，我院牵头打造首个统一治理平台',
- '重磅发布：平台首批“可信军用级”基础软件镜像库上线，护航关键系统开发',
+ '重磅发布：平台首批“可信JY级”基础软件镜像库上线，护航关键系统开发',
'案例深度解析：“雷霆”后勤保障信息系统如何通过平台实现依赖组件100%可信治理'
].map((i,k)=>{
return(
diff --git a/src/home/SecondEdition.jsx b/src/home/SecondEdition.jsx
index dd9fa9e3..105b12b3 100644
--- a/src/home/SecondEdition.jsx
+++ b/src/home/SecondEdition.jsx
@@ -185,7 +185,7 @@ function SecondEdition({setValue}) {
军事数智生态市场
-
汇聚国内优秀的可信智能应用，构建开放、创新的军用软件在线体验与推广平台，助力军事智能化成果快速转化和部署。
+汇聚国内优秀的可信智能应用，构建开放、创新的JY软件在线体验与推广平台，助力军事智能化成果快速转化和部署。
diff --git a/src/news/detail/index.jsx b/src/news/detail/index.jsx
new file mode 100644
index 00000000..c2bf3f0d
--- /dev/null
+++ b/src/news/detail/index.jsx
@@ -0,0 +1,102 @@
+import React, { useEffect, useState } from "react";
+import './index.scss';
+import { Divider, Tag } from "antd";
+import icon12 from '../image/icon12.png';
+import icon6 from '../image/icon6.png';
+import RenderHtml from "../../components/render-html";
+import Nodata from "../../forge/Nodata";
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import { getNewsDetail, getSubDocList } from "../../forge/Information/api";
+import CommentList from "../../forge/Information/Component/comments/list";
+
+function detail(props) {
+ console.log('props', props);
+ const { match: { params: { id } } } = props;
+ const [detail, setDetail] = useState({});
+ const [list1, setList1] = useState([]);
+ const [commentReload, setCommentReload] = useState(undefined);
+
+ useEffect(() => {
+ id && getNewsDetail(id).then(res => {
+ if (res && res.data && res.data.data) {
+ setDetail({
+ ...res.data.data,
+ content: Base64.decode(res.data.data.content),
+ });
+ document.title = `${res.data.data.name}-社区动态`;
+ getDocListByDirId(res.data.data.cmsDir.id)
+ }
+ })
+ }, [id])
+
+ function getDocListByDirId(id) {
+ getSubDocList(id).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList1(rows);
+ }
+ })
+ }
+
+ return (
+
+
+ )
+}
+
+export default detail;
\ No newline at end of file
diff --git a/src/news/detail/index.scss b/src/news/detail/index.scss
new file mode 100644
index 00000000..6bc21681
--- /dev/null
+++ b/src/news/detail/index.scss
@@ -0,0 +1,144 @@
+.news-detail-box{
+ min-height: 92vh;
+ color: #091221;
+ font-family: "alibabaReg";
+ background-image:linear-gradient(180deg,#ffffff 0%,#f1f6fd 100%);
+ .news-white-bk{
+ background-color:#ffffff;
+ border-radius:8px;
+ box-shadow:0px 0px 10px rgba(35, 44, 121, 0.07);
+ }
+ .ant-tag{
+ line-height: 16px;
+ padding: 0 3px;
+ margin-left: 10px;
+ }
+}
+.news-detail-header{
+ background-image: url('../image/bk7.png');
+ background-size: auto 100%;
+ padding: 57px 0;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: #EAECFF;
+}
+.news-detail-left{
+ display: flex;
+ flex-direction: column;
+ width: 60px;
+ .action-fo{
+ display: inline-block;
+ width:48px;
+ height:48px;
+ border-radius: 50%;
+ background-color:#ffffff;
+ box-shadow:0px 0px 10px rgba(35, 44, 121, 0.06);
+ text-align: center;
+ line-height: 48px;
+ img{
+ max-width: 42%;
+ }
+ }
+ .account-fo{
+ display: inline-block;
+ width:48px;
+ height:18px;
+ background-color:#f7f9fd;
+ border-radius:9px;
+ text-align: center;
+ line-height: 18px;
+ opacity: 0.8;
+ position: relative;
+ top: -12px;
+ }
+}
+.news-detail-content{
+ margin-bottom: 120px;
+ position: relative;
+ .original_tag{
+ position: absolute;
+ top: -4px;
+ left: 0;
+ // background-image: url('../image/icon14.png');
+ background-size: 100% 100%;
+ width:54px;
+ height:22px;
+ line-height: 22px;
+ padding-left: 11px;
+ }
+ .user-img{
+ width:21px;
+ height:21px;
+ border-radius: 50%;
+ background-color: #E9A69D;
+ margin-right: 10px;
+ }
+}
+.news-detail-right{
+ width: 17.5%;
+ .news-author{
+ padding: 10px;
+ .news-author-img{
+ max-width: 100%;
+ }
+ .user-img{
+ background-color: #F7F7F7;
+ border-radius: 50%;
+ width:61px;
+ height:61px;
+ margin: -20px 20px 0 20px;
+ }
+ }
+ .news-author-recent-item {
+ margin: 0 10px;
+ padding: 0 10px;
+
+ &>div {
+ padding: 10px 0;
+ border-bottom: 1px dashed rgba(130, 132, 164, 0.18);
+ }
+
+ &:hover, &.acitve {
+ background-color: #f7f9fd;
+ border-radius: 6px;
+ }
+ }
+}
+.news-comment-list{
+ background-color:#ffffff;
+ border-radius:8px;
+ box-shadow:0px 2px 6px rgba(35, 44, 121, 0.07);
+ padding: 1px 20px 0px 20px;
+ .commentListBox{
+ margin-top: 15px !important;
+ }
+ .typeActionBox{
+ font-size: 22px;
+ margin-bottom: -15px !important;
+ .line{
+ display: none;
+ }
+ }
+ .unLoginComment{
+ background-color: #F6F7FF;
+ .loginBtn{
+ color: #466aff;
+ }
+ }
+ .addComments{
+ background-color: #F6F7FF;
+ }
+ .colorButton, .colorButton:hover, .colorButton:focus{
+ background-color: #466aff;
+ border-color: #466aff;
+ }
+ .gotoComment{
+ margin-top: 15px;
+ a{
+ color: #466aff;
+ }
+ }
+ .commentContentRight .contentHtml{
+ margin-top: 20px;
+ }
+}
\ No newline at end of file
diff --git a/src/news/image/bk1.png b/src/news/image/bk1.png
new file mode 100644
index 00000000..cca5c483
Binary files /dev/null and b/src/news/image/bk1.png differ
diff --git a/src/news/image/bk2.png b/src/news/image/bk2.png
new file mode 100644
index 00000000..eafd545f
Binary files /dev/null and b/src/news/image/bk2.png differ
diff --git a/src/news/image/bk3.png b/src/news/image/bk3.png
new file mode 100644
index 00000000..8921895f
Binary files /dev/null and b/src/news/image/bk3.png differ
diff --git a/src/news/image/bk4.png b/src/news/image/bk4.png
new file mode 100644
index 00000000..e93a5f66
Binary files /dev/null and b/src/news/image/bk4.png differ
diff --git a/src/news/image/bk5.png b/src/news/image/bk5.png
new file mode 100644
index 00000000..6ebfcc14
Binary files /dev/null and b/src/news/image/bk5.png differ
diff --git a/src/news/image/bk6.png b/src/news/image/bk6.png
new file mode 100644
index 00000000..068d0a50
Binary files /dev/null and b/src/news/image/bk6.png differ
diff --git a/src/news/image/bk7.png b/src/news/image/bk7.png
new file mode 100644
index 00000000..06eb2e3f
Binary files /dev/null and b/src/news/image/bk7.png differ
diff --git a/src/news/image/icon1.png b/src/news/image/icon1.png
new file mode 100644
index 00000000..48a87ae3
Binary files /dev/null and b/src/news/image/icon1.png differ
diff --git a/src/news/image/icon12.png b/src/news/image/icon12.png
new file mode 100644
index 00000000..6cedc6e6
Binary files /dev/null and b/src/news/image/icon12.png differ
diff --git a/src/news/image/icon2.png b/src/news/image/icon2.png
new file mode 100644
index 00000000..e4aee1ba
Binary files /dev/null and b/src/news/image/icon2.png differ
diff --git a/src/news/image/icon6.png b/src/news/image/icon6.png
new file mode 100644
index 00000000..b093dcaa
Binary files /dev/null and b/src/news/image/icon6.png differ
diff --git a/src/news/index.jsx b/src/news/index.jsx
new file mode 100644
index 00000000..63085b0d
--- /dev/null
+++ b/src/news/index.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+import { ImageLayerOfCommentHOC } from "../modules/page/layers/ImageLayerOfCommentHOC";
+import { Route, Switch, withRouter } from "react-router";
+import { SnackbarHOC } from "educoder";
+import { CNotificationHOC } from "../modules/courses/common/CNotificationHOC";
+import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC";
+import Loadable from 'react-loadable';
+import Loading from "../Loading";
+
+const Detail = Loadable({
+ loader : () => import("./detail"),
+ loading: Loading,
+})
+const List = Loadable({
+ loader : () => import("./list"),
+ loading: Loading,
+})
+
+function SoftBot(props){
+ return
+
+
+
+ 新闻资讯
+ 关注社区最新动态，了解XXX最新成果
+
+ 社区动态
+ {detail.name}
+
+
+ {/* 正文 */}
+
+
+
+ {/* 右侧 */}
+
+
+ {/* 评论 */}
+ {
+ // 审核通过才有评论
+ detail.auditStatus === '1' &&
+ {detail.name}
+
+
+ 
+ {detail.publishUserNickname}
+ {moment(detail.publishTime).format('YYYY-MM-DD')}
+
+ {detail.visits}
+ {/*
+ {detail.replies_count || 1} */}
+
+
+ { setCommentReload(Math.random()) }} />
+
+ }
+
+
+
+
+ 栏目新闻
+
+
+
+ ))}
+
+ {index + 1}
+ new }
+
+ {item.name}
+ {index === 0 &&
+
+ (
+
+ (
+
+
+
+}
+export default withRouter(
+ ImageLayerOfCommentHOC({
+ imgSelector: ".imageLayerParent img, .imageLayerParent .imageTarget",
+ parentSelector: ".newMain",
+ })(CNotificationHOC()(SnackbarHOC()(TPMIndexHOC(SoftBot))))
+);
\ No newline at end of file
diff --git a/src/news/list/index.jsx b/src/news/list/index.jsx
new file mode 100644
index 00000000..73d83166
--- /dev/null
+++ b/src/news/list/index.jsx
@@ -0,0 +1,140 @@
+import React, { useEffect, useState } from "react";
+import { getNewsDetail, getSubDocList } from "../../forge/Information/api";
+import { getImageUrl, timeAgo } from "educoder";
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import { Button } from "antd";
+import "./index.scss";
+import moment from "moment";
+import RenderHtml from "../../components/render-html";
+import icon2 from '../image/icon2.png'
+
+function List() {
+ const [list1, setList1] = useState([]);
+ const [list2, setList2] = useState([]);
+ const [firstActivity, setFirstActivity] = useState(undefined);
+ const [list3, setList3] = useState([]);
+ const firstDynamics = list3[0]
+
+ useEffect(() => {
+ document.title = "社区动态";
+ getSubDocList(28).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList1(rows);
+ }
+ })
+ getSubDocList(34).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList2(rows.slice(1));
+ const firstActivity = rows[0];
+ firstActivity && getNewsDetail(firstActivity.id).then(res1 => {
+ if (res1 && res1.data) {
+ setFirstActivity({
+ ...res1.data.data,
+ content: Base64.decode(res1.data.data.content),
+ });
+ }
+ })
+ }
+ })
+ getSubDocList(39).then(res => {
+ if (res && res.data.rows) {
+ let rows = res.data.rows;
+ setList3(rows);
+ }
+ })
+ }, [])
+
+ return (
+
+
+ )
+}
+
+export default List;
\ No newline at end of file
diff --git a/src/news/list/index.scss b/src/news/list/index.scss
new file mode 100644
index 00000000..7e1e4ef7
--- /dev/null
+++ b/src/news/list/index.scss
@@ -0,0 +1,145 @@
+.community-news-box{
+ color: #091221;
+ background-color: #f1f6fd;
+ font-family: "alibabaReg";
+ background-image: url('../image/bk1.png');
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ .black-border-button{
+ border:1px solid;
+ border-color:#091221;
+ border-radius:18px;
+ color:#091221;
+ background-color: transparent;
+ &:hover{
+ color:#ffffff;
+ background-color:#091221;
+ }
+ &.moreheight{
+ height: 40px;
+ }
+ }
+
+ .carousel-text {
+ background-image: linear-gradient(313.07deg,#b31136 0%,#0438ae 46.85%,#091221 79.23%,#483184 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+}
+.community-news-1{
+ margin-top: 60px;
+ padding: 70px 30px 35px 30px;
+ border-radius: 10px;
+ background-image: url('../image/bk5.png');
+ background-size: 100% 100%;
+ position: relative;
+ .community-news-title{
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: linear-gradient(135deg, #4a6fe6, #7ab8ff);
+ padding: 4px 24px;
+ clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
+ border-radius: 15px 0 34px 0;
+ }
+ .top-news{
+ gap: 20px;
+ }
+ .community-news-item{
+
+ &.flex1{
+ padding: 10px;
+ background-color:#ffffff;
+ border-radius:10px;
+ }
+ .community-news-item-img{
+ border-radius: 10px;
+ max-width: 100%;
+ transition: transform .4s cubic-bezier(.25, .46, .45, .94);
+ }
+ .community-news-item-img-box{
+ overflow: hidden;
+ border-radius: 10px;
+ }
+ .icon-jiantou3{
+ display: none;
+ }
+ .community-news-item-name{
+ align-items: baseline;
+ }
+ &:hover{
+ .icon-jiantou3{
+ display: inline-block;
+ }
+ .community-news-item-name{
+ color:#2149d4;
+ }
+ .community-news-item-img{
+ transform: scale(1.05);
+ }
+ }
+ }
+ .others-news{
+ padding: 15px 30px 1px 30px;
+ background-color:#ffffff;
+ border-radius:10px;
+ box-shadow:0px 0px 6px rgba(92, 102, 193, 0.05);
+ }
+}
+.first-activity{
+ height: 231px;
+ padding: 0 65px;
+ background-image: url('../image/bk2.png');
+ background-size: 100% 100%;
+ .first-activity-content{
+ max-width: 370px;
+ }
+ .headImg{
+ position: relative;
+ bottom: -15px;
+ }
+}
+.firstDynamics{
+ background-image: url('../image/bk3.png');
+ background-size: 100% 100%;
+ padding: 40px 30px;
+ margin-right: 20px;
+ width: 25%;
+ min-height: 420px;
+}
+.dynamics-box{
+ background-image:linear-gradient(179.88deg,#ffffff 0%,rgba(255, 255, 255, 0.62) 16.1%,rgba(255, 255, 255, 0) 100%);
+ border-radius:40px 40px 0 0;
+}
+.dynamics-list{
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ background-color:#ffffff;
+ border-radius:10px;
+ box-shadow:0px 0px 6px rgba(92, 102, 193, 0.05);
+ padding: 40px 30px;
+ gap: 45px;
+ background-image: url('../image/bk4.png');
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-size: auto 100%;
+ align-content: start;
+}
+.activities-box{
+ background-image: url('../image/bk6.png');
+ background-size: 100% 100%;
+}
+.activity-list-box{
+ display: grid;
+ gap: 40px;
+ grid-template-columns: repeat(5, 1fr);
+ .activity-item-home{
+ img{
+ margin-top: 4px;
+ margin-right: 10px;
+ width: 30px;
+ height: 155px;
+ }
+ }
+}
\ No newline at end of file
+
+ 社区动态·洞见速递
+ 开源动态，社区前言新闻速递，开启开源新视野
+
+
+ {/* 精彩活动 */}
+ 阅见精要×新闻精髓
+
+ {list1.slice(0, 4).map(item => {
+ return (
+
+
+
+ )
+ })}
+
+ 
+
+
+
+ {item.name}
+
+
+
+
+ {item.summary}
+
+
+ {item.publishTime}发布
+
+
+ {list1.slice(4).map(item => {
+ return
+
+ {item.name}
+
+
+ })}
+
+
+
+ {/* 项目动态 */}
+ 精彩活动
+ {firstActivity &&
+ {firstActivity.summary}
+ 
+ {moment(firstActivity.name).format('MM/DD')}
{moment(firstActivity.name).format('HH:MM')} +
}
+ {moment(firstActivity.name).format('HH:MM')} +
+
+ {list2.map(item=>{
+ return
+
+ 
+
+ })}
+
+ {item.name}
+
+ {item.summary}
+
+
+
+ 项目动态
+
+ {firstDynamics &&
+
+
}
+ {firstDynamics.name}
+ {firstDynamics.summary}
+
+
+ {list3.slice(1).map(item=>{
+ return
+
+
+ })
+}
+
+ {item.name}
+ {moment(item.publishTime).format('YYYY-MM-DD')}
+
+ {item.summary}
+