天文及固体地球物理研究
{["天文地球物理是超算重要应用,研究宇宙及地球深部问题", "研究多尺度耦合,数据量大,向计算驱动转型", "超算助力科研模拟,支撑基础研究与灾害预警"].map((point, pIndex) => (
@@ -121,8 +123,47 @@ function CategorySection({ category, index, zoneId, nsccTitle }) {
{layoutType === 'layout-3' && (
{parter_title()}
+
+
+ {renderProjects(true)}
+
+
)}
+ { layoutType ==="layout-4" &&
+ {parter_title()}
+
+ {renderProjects(true,[0,1])}
+
+ {renderProjects(false,[1,5])}
+
+
+
}
+ {
+ layoutType ==="layout-5" &&
+ {parter_title()}
+
+
+ {renderProjects(true)}
+
+
+ }
+ {
+ layoutType ==="layout-6" &&
+
+
+ {nsccTitle(category.name, 0.3)}
+
{cateConfig.description}
+
+
查看更多
+
+
+ {renderProjects(false)}
+
+
+ }
);
}
diff --git a/src/forge/Information/Pages/project/cateList/index.jsx b/src/forge/Information/Pages/project/cateList/index.jsx
index 3cf49a3aa..e6ef98008 100644
--- a/src/forge/Information/Pages/project/cateList/index.jsx
+++ b/src/forge/Information/Pages/project/cateList/index.jsx
@@ -20,9 +20,9 @@ function ProjectCateList(props) {
const [ visible ,setVisible ] =useState(false);
const statsData = [
{ label: '开源项目', value: statistics?.projectCount || 0, suffix: '个' },
- { label: '领域分类', value: statistics?.categoryCount || 0, suffix: '个' },
- { label: '行业应用场景', value: statistics?.applicationCount || 0, suffix: '个' },
- { label: '贡献者', value: statistics?.contributorCount || 0, suffix: '个' }
+ { label: '领域分类', value: statistics?.categoryCount || 6, suffix: '个' },
+ { label: '行业应用场景', value: statistics?.applicationCount || 19, suffix: '个' },
+ { label: '贡献者', value: statistics?.communityUserCount || 0, suffix: '个' }
];
// 页面访问统计
@@ -76,7 +76,7 @@ function ProjectCateList(props) {
function getStatistics() {
getZoneStatistics(id).then(result => {
if (result && result.data) {
- setStatistics(result.data);
+ setStatistics(result.data.data);
}
});
}
@@ -106,7 +106,7 @@ function ProjectCateList(props) {
return (
-
setVisible(false)} role={role && role.role} onFresh={()=>{}}/>
+ setVisible(false)} role={role && role.role} onFresh={()=>{getTypeList();}}/>
{/* 数据统计部分 */}
{nsccTitle("数聚开源力量,实时见证开源生态的每一次进化", 0.1, "center pt80")}
@@ -125,8 +125,10 @@ function ProjectCateList(props) {
{role && role.role !== "None" &&
{role.role === "Member" ? "我的项目" : "管理项目" }
{
+ console.log("3333333333");
+
+ setVisible(true);
e.stopPropagation();
- setVisible(true)
}}>添加项目
}
@@ -152,11 +154,9 @@ function ProjectCateList(props) {
{/* 底部区域 */}
diff --git a/src/forge/Information/Pages/project/cateList/index.scss b/src/forge/Information/Pages/project/cateList/index.scss
index 5dff5b71c..6af26ac9e 100644
--- a/src/forge/Information/Pages/project/cateList/index.scss
+++ b/src/forge/Information/Pages/project/cateList/index.scss
@@ -96,6 +96,9 @@
padding-bottom: 80px;
background-image: url('../../../img/project/cate_page_3.png');
background-size: 100% 100%;
+ .projectCateContent{
+ background-color: #fff;
+ }
.project_cate_home_part3_left{
padding: 40px;
width:582px;
@@ -104,7 +107,9 @@
background-size: 100% 100%;
}
.project_cate_home_part3_right{
- background-color: #FFFFFF;
+ background-image: url("../../../img/project/cate_4_c.png");
+ background-position: 100% 0px;
+ background-size: 200% 100%;
padding: 25px;
}
.cate_project_list_box{
@@ -126,6 +131,189 @@
}
}
+ .project_cate_home_part4{
+ padding-bottom: 80px;
+ background-image: url('../../../img/project/cate_page_4.png');
+ background-size: 100% 100%;
+ .project_cate_home_part4_list{
+ border-radius:15px;
+ padding:25px;
+ background-color: rgba(255, 255, 255, 0.16);
+ margin-top: 40px;
+ .cate_project_list_box{
+ display: flex;
+ gap: 20px;
+ flex-wrap: wrap;
+ .cate-project-card{
+ flex: 0 0 calc(33.7% - 20px);
+ background-color: #ffffff;
+ border-radius:15px;
+ padding:40px;
+ &:hover{
+ background-image: url('../../../img/project/cate_page_card.png');
+ background-size: 101% 100%;
+ background-position: -2px -2px;
+ }
+ }
+ }
+ }
+ }
+
+
+ .project_cate_home_part5{
+ background: url('../../../img/project/ffbc.png') 100% 50% no-repeat;
+ background-position: top;
+ padding-top: 60px;
+ .cate_project_list_box{
+ padding: 40px 0 80px;
+ >.cate-project-card{
+ width: 30%;
+ margin-right: 20px;
+ background: url('../../../img/project/5_h_b.png') 98% 98% no-repeat;
+ color: #fff;
+ justify-content: flex-start;
+ padding:50px 80px 50px 45px;
+ background-size: 100% 100%;
+ .project-list-item-title{
+ a{
+ color: #fff;
+ }
+ }
+ .project-list-item-btn{
+ width: 160px;
+ background: unset;
+ background-color: #fff!important;
+ color:#091221!important;
+ font-size:15px;
+ }
+ }
+ }
+ .newLeftMainCard{
+ background: url('../../../img/project/cate_3_c.png') #fff no-repeat;
+ background-position: right;
+ background-repeat: no-repeat;
+ background-size: 120% 100%;
+ flex-wrap: wrap;
+ padding:15px;
+ border-radius: 12px;
+ flex: 1;
+ position: relative;
+ &::after{
+ position: absolute;
+ content: "";
+ left: 50%;
+ width:1px;
+ height:100%;
+ background:linear-gradient(270.06deg,rgba(231, 240, 255, 0.17) 0%,#e8f1ff 53.58%,rgba(231, 240, 255, 0.35) 97.98%);
+ top: 0;
+ }
+ .cate-project-card{
+ width: 50%;
+ border-radius: 12px;
+ position: relative;
+ .project-list-item-title .icon-jiantou21.iconfont {
+ color: #091221;
+ }
+ &:hover{
+ background-image: url('../../../img/project/project3.png');
+ background-size: 100% 100%;
+ }
+ &:nth-child(1)::before,&:nth-child(2)::before{
+ position: absolute;
+ content: "";
+ left: -15px;
+ height:1px;
+ background:linear-gradient(270.06deg,rgba(231, 240, 255, 0.17) 0%,#e8f1ff 53.58%,rgba(231, 240, 255, 0.35) 97.98%);
+ bottom: 0;
+ right: 0;
+ }
+ &:nth-child(2)::before{
+ right: -15px;
+ }
+ }
+ }
+ }
+ .project_cate_home_part6{
+ background: url('../../../img/project/ffbc.png') 100% 50% no-repeat;
+ background-position: bottom;
+ padding-bottom: 80px;
+ padding-top: 70px;
+ background-size: 100% 100%;
+ .cate_project_list_box{
+ flex-wrap: wrap;
+ margin-top: 40px;
+ .cateSixMain{
+ background: url('../../../img/project/6_f_b.png') 100% 100% no-repeat;
+ padding:20px;
+ box-sizing: border-box;
+ width: 43.7%;
+ margin-bottom: 20px;
+ background-size: 100% 100%;
+ margin-right: 20px;
+ .cateSixMainBox{
+ overflow: hidden;
+ }
+ img{
+ transition: 0.5s;
+ }
+ &:hover{
+ img{
+ transform: scale(1.05);
+ }
+ }
+ }
+ .cate-project-card{
+ width: calc(50% - 20px);
+ margin-right: 20px;
+ background-color: #fff;
+ margin-bottom: 20px;
+ &:hover{
+ background: url('../../../img/project/6_h.png') -4px -2px no-repeat;
+ background-size: 102% 101%;
+ }
+ &:nth-child(2),&:nth-child(3){
+ width: calc(27.5% - 20px);
+ }
+ }
+ }
+ }
+
+ .project_cate_home_part7{
+ padding:90px 0 80px;
+ background-image: url('../../../img/project/7_b.png');
+ background-size: 100% 100%;
+ .toolCateHead{
+ align-items: center;
+ background-image: url('../../../img/project/7_h_b.png');
+ background-size: 100% 100%;
+ padding:0 60px;
+ height: 182px;
+ .toolCateFlex{
+ flex: 1;
+ }
+ }
+ .cate_project_list_box{
+ padding:40px 50px;
+ background: url('../../../img/project/7_l_b.png') -20px 17px #fff;
+ background-size: 103% 100%;
+ flex-wrap: wrap;
+ .cate-project-card{
+ margin-right: 45px;
+ width: calc(33% - 30px);
+ &:nth-child(3n){
+ margin-right: 0px;
+ }
+ .icon-jiantou21{
+ color: #091221!important;
+ }
+ &:hover{
+ background-image: url('../../../img/project/project3.png');
+ background-size: 100% 100%;
+ }
+ }
+ }
+ }
+
.statistics-cards {
width: 80%;
margin: 25px auto;
@@ -161,10 +349,6 @@
position: relative;
&:hover {
- .project-list-item-btn {
- opacity: 1 !important;
- bottom: 35px;
- }
.project-list-item-title {
.icon-jiantou21 {
top: 0px;
@@ -174,7 +358,10 @@
}
}
}
-
+ .in_b_desc{
+ height: 30px;
+ line-height: 30px;
+ }
.project-list-item-title .icon-jiantou21 {
color: white;
opacity: 0;
@@ -199,18 +386,18 @@
}
}
.project-list-item-btn {
- width: 90%;
- position: absolute;
- bottom: 0px;
- background: #091221;
+ width: 100%;
border-radius: 6px;
- color: #ffffff;
+ color:#091221;
text-align: center;
- padding: 1px 0;
- opacity: 0;
- transition: all .3s ease;
+ height: 38px;
+ line-height: 38px;
+ margin-top: 35px;
+ background:linear-gradient(272.02deg,rgba(10, 145, 255, 0.12) 0.05%,rgba(43, 103, 238, 0.12) 55.23%,rgba(133, 110, 250, 0.12) 99.86%);
&:hover {
+ background-color: #091221;
+ color: #fff;
.iconfont {
display: inline-block;
animation: arrow-move 1.2s ease-in-out infinite;
@@ -741,33 +928,39 @@
// 底部区域
.footer-section {
- background: linear-gradient(135deg, #091221 0%, #1a2535 100%);
- padding: 80px 0;
- margin-top: 80px;
+ height: 300px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+ background-image: url('../../../img/project/footer.png');
+ background-size: 100% 100%;
.footer-content {
.footer-title {
font-size: 32px;
font-weight: bold;
color: #ffffff;
- margin-bottom: 50px;
+ margin-bottom: 40px;
}
- .footer-action {
- .submit-project-btn {
- display: inline-block;
- padding: 15px 50px;
- background: linear-gradient(90deg, #1E6BFF 0%, #3B8DFF 100%);
- color: #ffffff;
- border-radius: 30px;
- font-size: 18px;
- font-weight: bold;
- text-decoration: none;
- transition: all 0.3s ease;
+ .submit-project-btn {
+ display: inline-flex;
+ justify-content: center;
+ width: 160px;
+ height: 44px;
+ line-height: 44px;
+ text-align: center;
+ background-color: #ffffff;
+ color:#091221;
+ border-radius: 8px;
+ font-size: 15px;
+ text-decoration: none;
+ transition: all 0.3s ease;
- &:hover {
- transform: translateY(-2px);
- box-shadow: 0px 5px 15px rgba(30, 107, 255, 0.3);
+ &:hover {
+ .iconfont {
+ animation: arrow-move 1.2s ease-in-out infinite;
}
}
}
diff --git a/src/forge/Information/Pages/search/index.jsx b/src/forge/Information/Pages/search/index.jsx
index e7beedc85..d45e05669 100644
--- a/src/forge/Information/Pages/search/index.jsx
+++ b/src/forge/Information/Pages/search/index.jsx
@@ -95,7 +95,7 @@ function SearchIndex(props){