首页开源软件仓调整设计

src/forge/Main/projecthome/v2/components/project.jsx

@@ -43,14 +43,21 @@ const RepositoryV2 = () => {
         <div className='repository-v2-content'>
           
           {/* 导航标签 */}
-          <div className="nav-tabs-v2">
-            {tabs.map((tab) => (
-              <div key={tab.id} className={`tab-item-v2 font-18`}>
-                <img src={tab.icon} alt={tab.label} className="mb5 mr3" width={24}/>
-                <span>{tab.label}</span>
-              </div>
-            ))}
+          <div className='FlexAJ mb35'>
+            <div className='font-16'>
+              <div className='font-26 font-bd mb10'>菌用开源资源可信服务平台</div>
+              菌用开源软件仓库是国防领域专业化开源服务平台，聚焦可信引入、安全存储、可控访问、高效分发核心能力，<br/>遵循菌用标准，为菌用软件研发提供合规、安全、高效的开源资源支撑
+            </div>
+            <div className="nav-tabs-v2">
+              {tabs.map((tab) => (
+                <div key={tab.id} className={`tab-item-v2 font-20`}>
+                  <img src={tab.icon} alt={tab.label} className="mb5 mr3" width={24}/>
+                  <span>{tab.label}</span>
+                </div>
+              ))}
+            </div>
           </div>
+          
 
           {/* 主要内容区域 */}
           <div className="content-wrapper-v2 df">
@@ -75,7 +82,7 @@ const RepositoryV2 = () => {
                 ))}
               </div>
 
-              {rollingButton({href: `/explore`})}
+              {rollingButton({href: `/explore`, target:"_blank"})}
             </div>
 
             {/* 右侧架构图 - 使用图片 */}

src/forge/Main/projecthome/v2/index.scss

@@ -496,13 +496,18 @@
   .nav-tabs-v2 {
     display: flex;
     justify-content: center;
-    gap: 60px;
-    margin-bottom: 50px;
+    flex-wrap: wrap;
+    gap: 20px;
+    width: 710px;
 
     .tab-item-v2 {
-      padding: 9px 35px;
-      background-color: #f6f7fa;
-      border-radius: 27px;
+      width:223px;
+      height:74px;
+      background-color:#f6f7fa;
+      border-radius:10px;
+      text-align: center;
+      line-height: 74px;
+
       // transition: all 0.3s ease;
       // &.active {
       //   background-color: #091221;
@@ -541,7 +546,7 @@
 }
 
 .supply-chain-governance {
-  padding: 30px 20px 50px;
+  padding: 70px 20px 50px;
 
   .governance-grid {
     display: flex;