+ {/* banner区域内容 */}
+
+}
+
+export default TPMIndexHOC(ProjectHomePage)
\ No newline at end of file
diff --git a/src/forge/Main/projectHomeNew/v2/index.scss b/src/forge/Main/projectHomeNew/v2/index.scss
new file mode 100644
index 000000000..ca81f4f86
--- /dev/null
+++ b/src/forge/Main/projectHomeNew/v2/index.scss
@@ -0,0 +1,325 @@
+.homepageMain {
+ width: 1600px;
+ margin: 0 auto;
+}
+
+.homepage_box {
+ background-color: #f7f9ff;
+}
+
+.banner-content {
+ margin: 0 auto;
+ width: 1920px;
+ height: 461px;
+ background-image: url("./img/banner.png");
+ background-size: 100% 100%;
+ position: relative;
+ z-index: 1;
+
+ .banner_main {
+ justify-content: space-between;
+ align-items: center;
+ padding-top: 80px;
+ }
+
+ .banner-title-1 {
+ font-family: 'ziyouwenyihei';
+ }
+
+ .needApplyBut {
+ display: inline-block;
+ width: 140px;
+ height: 44px;
+ background-image: linear-gradient(136.87deg, #5eb4ff 0%, #2f49c0 48.54%, #2149d4 100%);
+ border-radius: 22px;
+ border: 2px solid #437ACF;
+ font-size: 16px;
+ text-align: center;
+ line-height: 40px;
+ color: white;
+ transition: all 0.3s ease;
+
+ &:hover {
+ background-image: linear-gradient(314.14deg, #5eb4ff 0%, #2f49c0 48.54%, #2149d4 100%);
+ }
+
+ &:active,
+ &:focus {
+ background-image: linear-gradient(314.14deg, #2149d4 0%, #2149d4 48.54%, #2149d4 100%);
+ }
+ }
+
+ .project_count {
+ width: 343px;
+ height: 103px;
+ // background-image: url('./img/count_bg.png');
+ // background-size: 100% 100%;
+ justify-content: space-evenly;
+ align-items: center;
+
+ .ant-divider {
+ height: 33px;
+ background: none;
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.59) 0%, rgba(43, 255, 241, 0.07) 100%);
+ }
+
+ p {
+ font-size: 30px;
+ font-family: "YouSheBiaoTiHei";
+ }
+ .center{
+ min-width: 45%;
+ }
+ }
+}
+
+.banner-wrapper {
+ position: relative;
+ width: 100%;
+ height: 461px; // 添加高度以确保伪元素能正确显示
+
+ &::before,
+ &::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ height: 100%;
+ width: 50%;
+ z-index: 0;
+ }
+
+ &::before {
+ left: 0;
+ background-image: linear-gradient(180deg, #030E33 0%, #030F34 60%, #041741 80%, #071e4d 100%);
+ }
+
+ &::after {
+ right: 0;
+ background-image: linear-gradient(180deg, #2B3B80 0%, #263269 25%, #192751 50%, #14254A 100%);
+ }
+}
+
+.homepage_content {
+ position: relative;
+ top: -140px;
+ z-index: 3;
+}
+
+.cate_list {
+ padding: 25px 30px 50px 30px;
+ // background-color: #29385D;
+ background-image: url("./img/cate_bg.png");
+ background-size: 100% 100%;
+
+ .cate_ul a {
+ background-color: #f4f6fa;
+ border-radius: 6px;
+ padding: 9px 11px;
+ margin: 0 8px;
+ color: #191919;
+
+ &:hover {
+ color: #2149d4;
+ }
+
+ &.active {
+ color: white;
+ background-color: #2149d4;
+ }
+ }
+}
+
+.project_list_box {
+ min-height: 550px;
+ background-color: #ffffff;
+ border-radius: 10px;
+ position: relative;
+ top: -25px;
+
+ .tipByCate {
+ padding: 10px 30px;
+ margin: 25px;
+ background-image: linear-gradient(121.96deg, #fff6e2 0%, #fff4eb 100%);
+ border-radius: 8px;
+ color: #301403;
+ font-size: 16px;
+ }
+
+ pre.prettyprint {
+ margin-bottom: 16px !important;
+ }
+}
+
+.left_cate2 {
+ width: 200px;
+ border-right: 1px solid rgba(76, 88, 118, 0.1);
+ padding-left: 35px;
+ padding-bottom: 35px;
+
+ .topic_ul {
+ li {
+ font-size: 16px;
+ margin-top: 20px;
+ color: #42464e;
+ cursor: pointer;
+
+ span {
+ position: relative;
+ padding-bottom: 5px;
+ display: inline-block;
+
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 0;
+ height: 1px;
+ background-color: #191919;
+ transition: width 0.3s ease-in-out;
+ }
+ }
+
+ &:hover {
+ span {
+ &::after {
+ width: 100%;
+ }
+ }
+ }
+ }
+
+ li.active {
+ span {
+ font-weight: 500;
+ color: #191919;
+
+ &::after {
+ width: 100%;
+ background-color: #191919;
+ }
+ }
+ }
+ }
+}
+
+.project_list_box .home_project_list {
+ margin: 25px;
+ flex-wrap: wrap;
+ gap: 15px;
+ &.sixItemBox{
+ .home_project{
+ flex: 0 0 calc(16.6% - 13px);
+ }
+ }
+
+ .home_project {
+ padding: 30px 5px 20px 18px;
+ flex: 0 0 calc(20% - 13px);
+ background-color: #f7f9fd;
+ border-radius: 8px;
+ backdrop-filter: blur(10px);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ position: relative;
+ width: 0;
+
+ .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 {
+ width: 69px;
+ height: 30px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background-color: #ebf0fb;
+ border-radius: 0px 8px 0px 6px;
+ text-align: center;
+ line-height: 30px;
+ color:#2149d4;
+ }
+
+ .hover-light.color-grey-6,
+ .hover-light.color-grey-6 a {
+ color: #666 !important;
+ }
+
+ &:hover {
+ // border: 2px solid rgba(22, 93, 255, 1);
+
+ .hover-light, .hover-light a {
+ color: #2149d4 !important;
+ }
+ }
+
+ .proListTopics {
+ display: flex;
+
+ .proListTopic {
+ background-color: #ffffff;
+ border-radius: 4px;
+ max-width: 158px;
+ padding: 0 10px;
+ height: 22px;
+ line-height: 22px;
+ color: #737a87;
+ margin-bottom: 5px !important;
+ }
+ }
+ }
+}
+
+.tipByCate_Popover.ant-popover {
+ width: 96.5%;
+
+ .ant-popover-arrow {
+ display: none;
+ }
+
+ .ant-popover-content {
+ margin-top: -13px;
+ }
+}
+
+.glass-effect {
+ background: rgba(0, 0, 0, 0);
+ backdrop-filter: blur(10px);
+ -webkit-backdrop-filter: blur(10px);
+ border-radius: 5px;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 5px;
+ padding: 1px;
+ background: linear-gradient(180deg,#5871C8 0%,#4997DC 50%,#20469142 100%);;
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ pointer-events: none;
+ }
+}
\ No newline at end of file
diff --git a/src/global.scss b/src/global.scss
index 0ee7a6274..d13deda7b 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -1,5 +1,5 @@
-$primary-color: #466aff;
+$primary-color: #2149d4;
$primary-color-hover: #6684FE;
$primary-color-active: #1A47FF;
-$link-color: #466aff;
+$link-color: #2149d4;
$link-black-color: #05101a;
+
+
+
+
+
+
+
+ 军用开源软件仓库
+ 汇聚全球顶尖开源力量，构建安全、协同、创新的软件生态，赋能军事数字化转型与智能化升级
+
+
+
+
+ {countByOther}
+ 软件包总数 +
+
+ {countByGHM}
+ 可信三方组件数 +
+ {/* 一级分类 */}
+
+
+ 软件分类：
+ { setPage(1); setSearch(value); }}
+ className="mlat"
+ style={{ width: "320px", marginLeft: "auto" }}
+ allowClear
+ />
+
+ {/* 二级分类以及仓库列表（左右布局） */}
+ -
+ {/* { setPage(1); setCateID(undefined); setTopicId(undefined) }}>热门推荐 */}
+ {
+ cateList && cateList.length > 0 ?
+ cateList.map((i, k) => {
+ return (
+ { setPage(1); setCateID(i.id); setTopicId(undefined) }}>{i.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} +
+ })}
+
+ {/* 三方组件下的提示信息*/}
+ {cateID === 39 && topicId && topicDetail && trigger.parentNode}
+ content={
+ }
+
+ {projectsList && !!projectsList.length ?
+ {cateID && { setPage(page) }} className='center mt30' />}
+
+
+
+ }
+ trigger="click"
+ placement="bottomLeft"
+ overlayClassName="tipByCate_Popover"
+ >
+ {`设置${topicDetail.name}包管理器仓库地址，`}查看更多
+
+ {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.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}
+
}
+